VUE全局过滤器

VUE全局过滤器,第1张

对于反复使用或多个组件使用的过滤器相同时应该考虑全局过滤器

1.最基本的使用方法:在main.js中注册
Vue.filter('MyFilter', function (value) {
  // 返回处理后的值
    return value
})

在组件直接使用即可

2.把全局过滤器抽离到单独的文件夹/js文件中

在main.js中导入

//注册全局过滤器
import * as filters from '@/filters'
Object.keys(filters).forEach(v => {
  // 注册
  Vue.filter(v, filters[v])
})

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/942009.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存