提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
vue+elementUI渲染时间列时,时间为指定时间,则列显示无
前言
最近遇到一个需求,在时间列展示中,如果时间为指定时间,比如“1970-01-01 00:00:01”,列表需展示为“无”
一、解决思路
使用<template>
标签。
二、具体步骤
1.在原来的代码基础上,添加<template>
标签
下图是修改之前的代码展示
修改之后:
判断当前列的时间是否是“1970-01-01 00:00:01”,如果是,则显示汉字“无”。不是的话,解析为时间格式。
2.添加过滤器
handlerDate()函数代码如下:
filters: {
handlerDate(val) {
return sys.formatter.datetime(val, 'yyyy-M-d')
}
},
注:其中sys.formatter.datetime(val, 'yyyy-M-d')
是解析时间格式的函数。filters
与methods
同级。