过滤器filter正确使用

今天遇到要过滤一个时间过滤器,把定义好的filter写在main.js,其他组件可以直接调用
比如说

{{ item.name | dateformat( ’ ') }}

举个例子
// 全局的过滤器, 进行时间的格式化
// 所谓的全局过滤器,就是所有的VM实例都共享的
Vue.filter(‘dateFormat’, function (dateStr, pattern = “”) {
// 根据给定的时间字符串,得到特定的时间
var dt = new Date(dateStr)

  //   yyyy-mm-dd
  var y = dt.getFullYear()
  var m = dt.getMonth() + 1
  var d = dt.getDate()

  // return y + '-' + m + '-' + d



  if (pattern.toLowerCase() === 'yyyy-mm-dd') {
    return `${y}-${m}-${d}`
  } else {
    var hh = dt.getHours()
    var mm = dt.getMinutes()
    var ss = dt.getSeconds()

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

你可能感兴趣的:(vue)