在vue中如何使用公共过滤器filter

65 阅读 0 评论 43 点赞

我是靠谱客的博主专一老虎，最近开发中收集的这篇文章主要介绍在vue中如何使用公共过滤器filter，觉得挺不错的，现在分享给大家，希望可以做个参考。

平时我们在vue中使用过滤器时，在组件中定义的过滤器不能在其他组件中使用，所以要在每个组件中定义自己的filter，这样就会出现很多重复的代码，那有没有办法定义一个公用的filter，减少代码的重复呢？

下面就给大家展示下使用最多且有效的方法吧!

const vFilter={
numFilter:function (value) {
// 截取当前数据到小数点后两位
let realVal = Number(value).toFixed(2)
return realVal
}
}
export default vFilter

import vueFilter from './js/filter'
for (let key in vueFilter){
Vue.filter(key,vueFilter[key])
}

这样我们就可以在组件中尽情使用啦，比如说
```
<p class="goods-info-p ">￥{{goodsItem.goodsPrice|numFilter}}</p>
```
希望可以给你带来帮助

以上就是专一老虎为你收集整理的在vue中如何使用公共过滤器filter的全部内容，希望文章能够帮你解决在vue中如何使用公共过滤器filter所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。