Vue新手教程——filter过滤器

在Vue中，处理后台返回的时间字符串时，通常使用Vue的filter过滤器属性来实现。

在main.js中全局配置filter过滤器

在这之前，我们需要引入moment.js

$ yarn add moment.js

1 import moment from 'moment'
2 // dateformat是过滤器自定义名，dataStr是要过滤的参数
3 Vue.filter('dateformat', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') => { 
4   if (dataStr == '' || dataStr == null) {
5     return '--'
6   }
7   return moment(dataStr).format(pattern)
8 })

在需要处理时间的Vue文件中，我们这样使用它

1 {{scope.row.issueTime | dateformat('YYYY-MM-DD HH:mm:ss')}}