vue第二天(vue时间过滤器)

Vue.filter()方法创建全局过滤器.
该方法有两个参数,第一个是过滤器名字,第二个是函数,在这个函数里面可以去写处理逻辑,这个函数有一个默认的参数表示需要过滤的数据。
注意这个函数中的参数,第一个参数始终是需要过滤的数据,不需要在过滤器使用的时候传递,这个参数后面的参数才是需要传递的。


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

Vue.filter('filterTime', function(time, seprator) {
time=new Data(time)  //看情况加
       //3.写处理逻辑
    let y = time.getFullYear()
    let m = time.getMonth() + 1
    let d = time.getDate()
    // 4 这个处理函数比如return 一个数据
    return y + seprator + m + seprator + d
 })

2.使用过滤器 | 过滤器名字

{{item.ctime | filterTime('-')}}   //item.ctime是数组里面的数据

你可能感兴趣的:(vue第二天(vue时间过滤器))