关于vue.js:vuejs中封装全局filter

27次阅读

共计 393 个字符,预计需要花费 1 分钟才能阅读完成。

创立 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) }}

正文完
 0