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

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

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

• 前言
• 一、解决思路
• 二、具体步骤
• • 1.在原来的代码基础上，添加``标签
  • 2.添加过滤器
• 完结

---

前言

最近遇到一个需求，在时间列展示中，如果时间为指定时间，比如“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同级。

---

完结