vue.js中封装全局filter

Sonder

2022-03-29

491字

1分钟

浏览 (3.5k)

创建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])
}

这样就全局定义了所有的filter，就可以在界面中使用了。

复制代码

年龄：{{ age | filterOne | filterTwo(0.5) }}

上一篇 / canvas刮一刮下一篇 / 说说 CSS 3 动画以及 steps() 函数

vue.js中封装全局filter

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)