vue自定义过滤器

首先创建一个filter/filter.js文件
这个文件主要是写了过滤器实现的方法,然后export进行导出。

function filterOne(n){
    return n + 10;
}
function filterTwo(n){
    return n + 5;
}
export{
    filterOne,
    filterTwo
}

然后在mian.js中注册使用

import * as filters from './filter/filter.js'
//遍历所有导出的过滤器并添加到全局过滤器
Object.keys(filters).forEach((key) => {
  Vue.filter(key, filters[key]);
})

在组件中使用

<p>{{test | filterOne}}</p>
上一篇:vue 过滤器的使用


下一篇:Vue全局注册filters