vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決
用vue做項目的時候多多少少都會遇到這個問題
剛開始我是用toFixed()這個方法來寫的 效果是有的 但是控制臺一直是紅紅的圍繞著我
突然想到 vue和jquery混搭 的 問題
于是乎 看了一下vue的開發(fā)文檔 發(fā)現(xiàn)過濾器這個東東 并且可以自定義過濾器
js代碼
html代碼
雖然方法是這樣的 但是在寫的過程中還有頁面上有效果 但是控制臺一直紅紅的
于是我又仔細(xì)的看了一下文檔 發(fā)現(xiàn)我沒有把value轉(zhuǎn)為Number類型
我上面放的直接是寫好的代碼 放心使用 !
我寫的是局部的過濾器 你如果很多地方都要用 最好寫全局過濾器
后續(xù)會補充!
全局過濾器
只不過是把過濾器放在了全局 前面的用法是一樣的 ~
補充知識:vue保留兩位小數(shù),末尾四舍五入
方法:
methods: { // 截取當(dāng)前數(shù)據(jù)到小數(shù)點后兩位 numFilter(value) { const realVal = parseFloat(value).toFixed(2); return realVal; }, },
以上這篇vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
VUE3基礎(chǔ)學(xué)習(xí)之click事件詳解
由于vue是一個雙向數(shù)據(jù)綁定的框架,它的點擊事件與以前常用的還是有很大的差別的,下面這篇文章主要給大家介紹了關(guān)于VUE3基礎(chǔ)學(xué)習(xí)之click事件的相關(guān)資料,需要的朋友可以參考下2022-01-01vue+elementui(對話框中form表單的reset問題)
這篇文章主要介紹了vue+elementui(對話框中form表單的reset問題),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-05-05vue3+ts+Vuex中使用websocket協(xié)議方式
這篇文章主要介紹了vue3+ts+Vuex中使用websocket協(xié)議方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10