vue+elementui初始化表格时,根据某一列不同内容展示不同类型的内容

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

vue+elementUI渲染时间列时,时间为指定时间,则列显示无


前言

最近遇到一个需求,在时间列展示中,如果时间为指定时间,比如“1970-01-01 00:00:01”,列表需展示为“无”


一、解决思路

使用<template>标签。

二、具体步骤

1.在原来的代码基础上,添加<template>标签

下图是修改之前的代码展示
vue+elementui初始化表格时,根据某一列不同内容展示不同类型的内容
修改之后:
vue+elementui初始化表格时,根据某一列不同内容展示不同类型的内容
判断当前列的时间是否是“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')是解析时间格式的函数。filtersmethods同级。


完结

上一篇:ElementUI 设置表格翻页的序号递增


下一篇:ElementUI