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

288 阅读1分钟

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

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

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

第一步: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>

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