Vue新手教程——filter过滤器

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

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

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

$ yarn add moment.js

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

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

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