Vue-过滤器

Vue允许自定义过滤器，可被用于一些常见的文本格式化，可用在两个地方（双花括号插值和v-bind表达式），过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号（|）指示

数据格式化，可复用

//支持多个过滤器，可串联
{{ myname | myfilter | ... }}
//全局写法
Vue.filter("myfilter", (data) => {
    return data.substring(0, 1)
})

可传递参数

{{ myname | myfilter('111','222') }}
//全局过滤器写法
Vue.filter("myfilter", (data1,data2,data3) => {
    // myname为data1，'111'为data2，'222'为data3
    console.log(data2,data3)
    return data1.substring(0, 1)
})

//局部过滤器写法
filters: {
  myfilter: function (data) {
    return data.substring(0, 1)
  }
}

来源：CSDN

作者：brittany529

链接：https://blog.csdn.net/wuyanhong529/article/details/104689305