首页 > 其他 > 详细

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

时间:2019-03-11 11:17:48      阅读:188      评论:0      收藏:0      [点我收藏+]
  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
  })

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

原文:https://www.cnblogs.com/mushitianya/p/10509059.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!