定义一个全局过滤器

以较为常见的过滤时间为例

• Vue.filter('过滤器的名称'，回调函数)

// main.js

Vue.filter('dateFormate', function (originVal) {
  const dt = new Date(originVal)
  const y = dt.getFullYear()
  // padStart(2, '0')，保留两位数，位数不足时开头补0
  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}`
})

正常使用即可

<span>{{add_time | dateFormate}}</span>