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)價格格式化的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
這篇文章主要介紹了.html頁面引入vue并使用公共組件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了聊聊Vue中provide/inject的應用詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-11-11
這篇文章主要為大家詳細介紹了Vue+ssh框架實現(xiàn)在線聊天，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
Vue百度地圖實現(xiàn)定位和marker拖拽監(jiān)聽功能
這篇文章主要介紹了Vue百度地圖實現(xiàn)定位和marker拖拽監(jiān)聽功能,實現(xiàn)思路非常簡單，本文結合實例代碼效果圖給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-11-11
vuex是一個專為vue.js應用程序開發(fā)的 狀態(tài)管理模式,它采用集中式存儲管理應用的所有的狀態(tài),并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化,這篇文章主要給大家介紹了關于vue入門之vuex安裝與使用的相關資料,需要的朋友可以參考下2021-08-08
如果我們在每個組件中去重復定義這些屬性和方法會使得項目出現(xiàn)代碼冗余并提高了維護難度，針對這種情況官方提供了Mixins特性，這時使用Vue mixins混入有很大好處，下面就介紹下Vue mixins混入使用方法，需要的朋友參考下吧2023-02-02
elementui?el-select?change事件傳參問題
這篇文章主要介紹了elementui?el-select?change事件傳參問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
最近去面試的人都會有這個體會,去年面試官只問我怎么用vue,今年開始問我vue響應式原理，本文就詳細的介紹一下2021-08-08
這篇文章主要介紹了詳解vue中引入stylus及報錯解決方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
Vue+Bootstrap收藏（點贊）功能邏輯與具體實現(xiàn)
這篇文章主要為大家詳細介紹了Vue+Bootstrap收藏（點贊）功能邏輯與具體實現(xiàn)，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10