vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決
用vue做項(xiàng)目的時(shí)候多多少少都會(huì)遇到這個(gè)問(wèn)題
剛開(kāi)始我是用toFixed()這個(gè)方法來(lái)寫的 效果是有的 但是控制臺(tái)一直是紅紅的圍繞著我
突然想到 vue和jquery混搭 的 問(wèn)題
于是乎 看了一下vue的開(kāi)發(fā)文檔 發(fā)現(xiàn)過(guò)濾器這個(gè)東東 并且可以自定義過(guò)濾器
js代碼
html代碼
雖然方法是這樣的 但是在寫的過(guò)程中還有頁(yè)面上有效果 但是控制臺(tái)一直紅紅的
于是我又仔細(xì)的看了一下文檔 發(fā)現(xiàn)我沒(méi)有把value轉(zhuǎn)為Number類型
我上面放的直接是寫好的代碼 放心使用 ！
我寫的是局部的過(guò)濾器 你如果很多地方都要用 最好寫全局過(guò)濾器
后續(xù)會(huì)補(bǔ)充！
全局過(guò)濾器
只不過(guò)是把過(guò)濾器放在了全局 前面的用法是一樣的 ~
補(bǔ)充知識(shí)：vue保留兩位小數(shù)，末尾四舍五入
方法：
methods: {
// 截取當(dāng)前數(shù)據(jù)到小數(shù)點(diǎn)后兩位
numFilter(value) {
const realVal = parseFloat(value).toFixed(2);
return realVal;
},
},
以上這篇vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3實(shí)現(xiàn)九宮格抽獎(jiǎng)的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用Vue3實(shí)現(xiàn)九宮格抽獎(jiǎng)的功能，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，感興趣的可以了解一下2022-09-09
VUE3開(kāi)箱即用的音頻播放組件完整代碼(基于原生audio)
Vue3開(kāi)箱即用的框架有很多選擇,下面這篇文章主要介紹了VUE3開(kāi)箱即用的音頻播放組件(基于原生audio)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
Vue實(shí)現(xiàn)導(dǎo)出Excel表格文件提示“文件已損壞無(wú)法打開(kāi)”的解決方法
xlsx用于讀取解析和寫入Excel文件的JavaScript庫(kù),它提供了一系列的API處理Excel文件,使用該庫(kù),可以將數(shù)據(jù)轉(zhuǎn)換Excel文件并下載到本地,適用于在前端直接生成Excel文件,這篇文章主要介紹了Vue實(shí)現(xiàn)導(dǎo)出Excel表格,提示文件已損壞,無(wú)法打開(kāi)的解決方法,需要的朋友可以參考下2024-01-01
解讀element-ui使用el-upload,before-upload函數(shù)不好使的問(wèn)題
這篇文章主要介紹了解讀element-ui使用el-upload,before-upload函數(shù)不好使的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
這篇文章主要介紹了Vue子組件向父組件傳值方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2023-03-03
Vue.js 單頁(yè)面多路由區(qū)域操作的實(shí)例詳解
這篇文章主要介紹了 Vue.js 單頁(yè)面多路由區(qū)域操作的實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-07-07
webpack轉(zhuǎn)vite的詳細(xì)操作流程與問(wèn)題總結(jié)
Vite是新一代的前端開(kāi)發(fā)與構(gòu)建工具,相比于傳統(tǒng)的webpack,Vite 有著極速的本地項(xiàng)目啟動(dòng)速度(通常不超過(guò)5s)以及極速的熱更新速度(幾乎無(wú)感知),下面這篇文章主要給大家介紹了關(guān)于webpack轉(zhuǎn)vite的詳細(xì)操作流程與問(wèn)題總結(jié)的相關(guān)資料,需要的朋友可以參考下2023-03-03
這篇文章主要介紹了在pycharm中開(kāi)發(fā)vue的方法步驟，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式框架,下面這篇文章主要給大家介紹了關(guān)于Vue語(yǔ)法和標(biāo)簽使用的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08
vue提供了mixin、extends配置項(xiàng),最近使用中發(fā)現(xiàn)很好用,下面這篇文章主要給大家介紹了關(guān)于Vue中Mixin&extends的詳細(xì)使用方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-02-02