vue.js實現(xiàn)價格格式化的方法
更新時間:2017年05月23日 16:37:01 作者:馬優(yōu)晨
這里分享一個常用的價格格式化的一個方法,在電商的價格處理中非常的實用,具體實現(xiàn)代碼大家參考下本文
這里分享一個常用的價格格式化的一個方法,在電商的價格處理中非常的實用,我們可以看一個效果
這里在價格數(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實現(xiàn)價格格式化的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
相關文章
vue依賴包報錯問題eslint\lib\cli-engine\cli-engine.js:421
這篇文章主要介紹了vue依賴包報錯問題eslint\lib\cli-engine\cli-engine.js:421,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08Element InputNumber計數(shù)器的使用方法
這篇文章主要介紹了Element InputNumber計數(shù)器的使用方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-07-07Vue中使用video.js實現(xiàn)截圖和視頻錄制與下載
這篇文章主要為大家詳細介紹了Vue中如何使用video.js實現(xiàn)截圖和視頻錄制與下載,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-03-03