创建filters文件夹,里面创建filters.js文件,用来定义全局filter
文章图片
filters.js
let filterOne = (value) => {
return value * 10
}
let filterTwo = (value, pm) => {
return value * pm
}
export default {
filterOne,
filterTwo
}
main.js
import filters from './filters/filters.js'
for (let value in filters) {
// value是filter名称(字符串)
// filters[value] 对象里面的某个元素,就是filters中定义的方法
Vue.filter(value, filters[value])
}
【vue.js中封装全局filter】这样就全局定义了所有的filter,就可以在界面中使用了。
年龄:{{ age | filterOne | filterTwo(0.5) }}