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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理