vue.js实现价格格式化的方法

这里分享一个常用的价格格式化的一个方法,在电商的价格处理中非常的实用,具体实现代码大家参考下本文

这里分享一个常用的价格格式化的一个方法,在电商的价格处理中非常的实用,我们可以看一个效果

这里写图片描述

这里在价格数据的地方使用了一个过滤器,通过这个过滤器对价格做了保留小数位的处理。

HTML

 
¥{{"这里是价格数据"}}

JS

 filters:{  //数据过滤器 format:function(value){ var html,_val; value =Number(value).toFixed(2); if(value==0){ value=0; return html = "¥0"; }else if(value.split('.')[1].substring(1)==0){ value = Number(value).toFixed(1); } _val = value.split('.'); return html = '¥'+_val[0]+'.'+_val[1]+''; } }

以上就是vue.js实现价格格式化的方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » Vue.js 教程