這里分享一個常用的價格格式化的一個方法，在電商的價格處理中非常的實用，我們可以看一個效果

這里在價格數(shù)據(jù)的地方使用了一個過濾器，通過這個過濾器對價格做了保留小數(shù)位的處理。

HTML

<div class="price"><span v-html="goods.sale_price|format"></span><span class="price-before">￥{{＂這里是價格數(shù)據(jù)＂}}</span> </div>

JS

filters:{ //數(shù)據(jù)過濾器format:function(value){var html,_val;value =Number(value).toFixed(2);if(value==0){value=0;return html = "￥<span>0</span>";}else if(value.split('.')[1].substring(1)==0){value = Number(value).toFixed(1);}_val = value.split('.');return html = '￥<span>'+_val[0]+'</span><em>.'+_val[1]+'</em>';}}

總結

以上是生活随笔為你收集整理的vue.js实现价格格式化的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。