Vue.filter()方法创建全局过滤器

  1. 通过Vue.filter()方法创建全局过滤器,过滤器的作用就是用来将源数据,过滤成为新的数据
    第一个参数:过滤器名字
    第二个参数:一个处理函数, 这个函数有一个默认参数,这个默认参数表示你需要过滤的数据, 如果你还传了一个参数,那么这个参数对应的实际上是上面使用过滤器时的第一个参数
    2 使用过滤器通过管道符号 |
    <td>{{item.ctime | fmtTime('*')}}</td>

示例:

   Vue.filter('fmtTime', function(sourceTime, sep) {
    console.log(typeof sourceTime);
    let y = sourceTime.getFullYear()
    let m = sourceTime.getMonth() + 1
    let d = sourceTime.getDate()
    // 处理完之后,必须要return一个字符串
    return y + sep + m + sep + d
  })

猜你喜欢

转载自www.cnblogs.com/mushitianya/p/10509059.html