前端小组件——“价格格式过滤器”

又来给大家分享小白组件了，这次也是傻瓜式复制黏贴组件，废话不多说上图上🐎

非常典型的日常问题(价格格式不对，￥号也没加)-->

价格格式统一还加上符号——————>>

第一步：js代码——>

Vue.filter('moneyFormat'//名字随意, function (val) {
    return "￥" + val.toFixed(2);
});

如果你是vue.cli的话——>

import Vue from 'vue' //加个引用
/* 过滤器 */
Vue.filter('moneyFormat', function (val) {
    return "￥" + val.toFixed(2);
});

第二步：在你需要该的金额上面这样做——>

<div>{{item.price | moneyFormat}}</div>

两步搞定全局金额格式统一啦，喜欢记得点赞！