vue.js中封装全局filter

创建filters文件夹,里面创建filters.js文件,用来定义全局filter
vue.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) }}

    推荐阅读