doubleyong
管理员
管理员
  • 最后登录2026-05-10
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:5618回复:0

[vue]vue 全局注册过滤器(filter) ,使用对象注册多个过滤器

楼主#
更多 发布于:2019-05-30 11:21


vue项目中,肯定有很多用到过滤器,所以专门封装了一个文件,用于写filter过滤器


在Src 在创建一个文件 filter.js ,代码如下:
/**
 * 给商品价格加补0
 * @param {*} value 
 */
const addZero=function(value){
    var value=Math.round(parseFloat(value)*100)/100;
    var xsd=value.toString().split(".");
    if(xsd.length==1){
        value=value.toString()+".00";
        return value;
    }
    if(xsd.length>1){
        if(xsd[1].length<2){
            value=value.toString()+"0";
        }
        return value;
    }
}
export default {
    addZero
}


怎么引用 ?
第一步 在main,js 中引用
import filters from './filter';


第二步,在main.js中,将文件中的对象,进行全局注册
//过滤器统一处理加载
Object.keys(filters).forEach(key => {  
  Vue.filter(key, filters[key])  
})

第三步:在需要使用的地方
pw_content | addZero
这样写的好处是,如果后续有多个filter的话,可以直接在filter文件中添加即可,不用再改别的地方.很方便.



转自:https://blog.csdn.net/dq674362263/article/details/80769660
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号