Vue全家桶之过滤器

vue过滤器通常用于对数据再渲染前进行一些复杂格式的转换。通常用于时间格式的转换
第一步，再main.js中声明：
第一个参数是过滤器的名字，被调用时使用。回调函数中的参数是使用时前面需要处理的数据。padStart函数是用于不足两位的时候补零。

//设置时间格式过滤器
Vue.filter('dateFormat', function(originVal) {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
  const d = (dt.getDate() + '').padStart(2, '0')

  const hh = (dt.getHours() + '').padStart(2, '0')
  const mm = (dt.getMinutes() + '').padStart(2, '0')
  const ss = (dt.getSeconds() + '').padStart(2, '0')

  return `${y}-${m}-${d} ${hh}:${mm}${ss}`
})

第二步，组件中使用。

<template slot-scope="scope">
  {{ scope.row.add_time | dateFormat }}
</template>