在vue中使用公共过滤器filter的方法
平时我们在vue中使用过滤器时，在模板中定义的过滤器不能在其他模板中使用，所以要在每个模板中定义自己的filter，这样就会出现很多重复的代码，那有没有办法定义一个公用的filter，减少代码的重复呢？
下面就给大家展示下使用最多且有效的方法吧!
•首先在公用js中定义一个通用的filter.js，如下图所示，记得一定要把代码整个export出来
const vFilter={
numFilter:function (value) {
// 截取当前数据到小数点后两位
let realVal = Number(value).toFixed(2)
return realVal
}
}
export default vFilter
•然后在main.js中引入
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的讲解，包括了vue中过滤器filter的讲解的使用技巧和注意事项，需要的朋友参考一下 效果图 若有不足请多多指教！希望给您带来帮助！ 总结 以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对呐喊教程的支持。如果你想了解更多相关内容请查看下面相关链接
-
本文阐述Apache中过滤器的用法。 Apache 2 中的过滤器 相关模块 相关指令 mod_filter mod_deflate mod_ext_filter mod_include mod_charset_lite FilterChain FilterDeclare FilterProtocol FilterProvider AddInputFilter AddOutputFilter Re
-
过滤器用于修改特定文件，Hexo 将这些文件依序传给过滤器，而过滤器可以针对文件进行修改，这个概念借鉴自 WordPress。 概要 hexo.extend.filter.register(type, function() { // User configuration const { config } = this; if (config.external_link.enable)
-
本文向大家介绍详解AngularJS中$filter过滤器使用(自定义过滤器)，包括了详解AngularJS中$filter过滤器使用(自定义过滤器)的使用技巧和注意事项，需要的朋友参考一下 1.内置过滤器 2.自定义过滤器 套用上面的格式定义两个简单的自定义过滤器一个带条件的，一个不带条件的。 （1）【不带条件】，功能：固定转换（有时候项目中会遇到角色代号，门店编码什么的，但是显示的时候
-
本文向大家介绍spring boot 配置Filter过滤器的方法，包括了spring boot 配置Filter过滤器的方法的使用技巧和注意事项，需要的朋友参考一下 Filter 过滤器是web开发中很重要的一个组件，下面以一个session登陆的例子介绍下spring boot中如何使用Filter 首先要准备一个实现了Filter的接口的类 SessionFilter： 实际开发中往往有很多
-
从本章开始，我们学习SVG的一些高级功能，包括过滤器（Filter）、渐变（Gradient）。SVG还支持动画特性，但我们推荐使用CSS3的动画，所以这里不做讲解。 SVG 过滤器元素 SVG过滤器（也称为滤镜）用来给SVG图形添加特效，和PS软件中的滤镜效果类似。SVG中可用的过滤器元素包括： <feBlend> - 图片混合 <feColorMatrix> - 颜色变换 <feCompone