vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決
用vue做項(xiàng)目的時(shí)候多多少少都會(huì)遇到這個(gè)問(wèn)題
剛開(kāi)始我是用toFixed()這個(gè)方法來(lái)寫(xiě)的 效果是有的 但是控制臺(tái)一直是紅紅的圍繞著我
突然想到 vue和jquery混搭 的 問(wèn)題
于是乎 看了一下vue的開(kāi)發(fā)文檔 發(fā)現(xiàn)過(guò)濾器這個(gè)東東 并且可以自定義過(guò)濾器
js代碼
html代碼
雖然方法是這樣的 但是在寫(xiě)的過(guò)程中還有頁(yè)面上有效果 但是控制臺(tái)一直紅紅的
于是我又仔細(xì)的看了一下文檔 發(fā)現(xiàn)我沒(méi)有把value轉(zhuǎn)為Number類(lèi)型
我上面放的直接是寫(xiě)好的代碼 放心使用 ！
我寫(xiě)的是局部的過(guò)濾器 你如果很多地方都要用 最好寫(xiě)全局過(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)文章
這篇文章主要介紹了Vue觸發(fā)式全局組件構(gòu)建的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
這篇文章主要介紹了關(guān)于axios在vue中的使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要介紹了vue.js中如何導(dǎo)出Excel表格,在項(xiàng)目中經(jīng)常會(huì)遇到這樣的需求，今天小編分步驟通過(guò)實(shí)例代碼給大家詳細(xì)介紹，需要的朋友可以參考下2019-06-06
單文件就是把一個(gè)頁(yè)面拆分為多個(gè),多層次的組件,通過(guò)多層引用,大大縮小vue文件的長(zhǎng)度和頁(yè)面復(fù)雜度,下面這篇文章主要給大家介紹了關(guān)于vue3單文件組件中style特性的相關(guān)資料,需要的朋友可以參考下2021-09-09
這篇文章主要為大家詳細(xì)介紹了vue中路由傳參6種方式，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價(jià)值，感興趣的小伙伴可以跟隨小編一起了解一下2023-08-08
這篇文章主要介紹了vue 單元測(cè)試的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用vue框架，感興趣的朋友可以了解下2021-04-04
VUE3基礎(chǔ)學(xué)習(xí)之click事件詳解
由于vue是一個(gè)雙向數(shù)據(jù)綁定的框架,它的點(diǎn)擊事件與以前常用的還是有很大的差別的,下面這篇文章主要給大家介紹了關(guān)于VUE3基礎(chǔ)學(xué)習(xí)之click事件的相關(guān)資料,需要的朋友可以參考下2022-01-01
vue+elementui(對(duì)話框中form表單的reset問(wèn)題)
這篇文章主要介紹了vue+elementui(對(duì)話框中form表單的reset問(wèn)題)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
vue中常見(jiàn)的問(wèn)題及解決方法總結(jié)（推薦）
這篇文章主要給大家介紹了關(guān)于vue中常見(jiàn)的問(wèn)題及解決方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
vue3+ts+Vuex中使用websocket協(xié)議方式
這篇文章主要介紹了vue3+ts+Vuex中使用websocket協(xié)議方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10