vue之保留小數(shù)點(diǎn)兩位小數(shù) 使用filters(過濾器)
更新時(shí)間：2023年11月18日 09:38:36 作者：Cherry?
這篇文章主要介紹了vue之保留小數(shù)點(diǎn)兩位小數(shù) 使用filters(過濾器),具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
保留小數(shù)點(diǎn)兩位小數(shù) 使用filters(過濾器)
filters: {
numFilter(value) {
let realVal = "";
if (!isNaN(value) && value !== "") {
// 截取當(dāng)前數(shù)據(jù)到小數(shù)點(diǎn)后兩位,改變toFixed的值即可截取你想要的數(shù)值
realVal = parseFloat(value).toFixed(2);
} else {
realVal = "--";
}
return realVal;
},
},
<!--在雙括號(hào)中這樣使用即可-->
<div class="col">{{item.dataToday | numFilter}}</div>
toFixed()
把數(shù)字轉(zhuǎn)換為字符串，結(jié)果的小數(shù)點(diǎn)后有指定位數(shù)的數(shù)字
parseFloat()
函數(shù)可解析一個(gè)字符串，并返回一個(gè)浮點(diǎn)數(shù)。該函數(shù)指定字符串中的首個(gè)字符是否是數(shù)字。
如果是，則對字符串進(jìn)行解析，直到到達(dá)數(shù)字的末端為止，然后以數(shù)字返回該數(shù)字，而不是作為字符串。
另注意：
- 字符串中只返回第一個(gè)數(shù)字
- 開頭和結(jié)尾的空格是允許的
- 如果字符串的第一個(gè)字符不能被轉(zhuǎn)換為數(shù)字，那么 parseFloat() 會(huì)返回 NaN
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于Vue如何啟動(dòng)項(xiàng)目的相關(guān)資料,還介紹了解決vue啟動(dòng)項(xiàng)目時(shí)間很長問題的相關(guān)方法,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
Vue如何解決子組件data從props中無法動(dòng)態(tài)更新數(shù)據(jù)問題
這篇文章主要介紹了Vue如何解決子組件data從props中無法動(dòng)態(tài)更新數(shù)據(jù)問題，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
混入（Mixin）是?Vue?中一種代碼復(fù)用的模式,允許將組件的選項(xiàng)抽離為獨(dú)立模塊,下面就跟隨小編一起來深入了解下如何在Vue3中使用混入Mixin吧2025-03-03
解決vue的touchStart事件及click事件沖突問題
這篇文章主要介紹了解決vue的touchStart事件及click事件沖突問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Vue.js + Nuxt.js 項(xiàng)目中使用 Vee-validate 表單校驗(yàn)
vee-validate 是為 Vue.js 量身打造的表單校驗(yàn)框架，允許您校驗(yàn)輸入的內(nèi)容并顯示對應(yīng)的錯(cuò)誤提示信息。這篇文章給大家?guī)砹薞ue.js 使用 Vee-validate 實(shí)現(xiàn)表單校驗(yàn)的相關(guān)知識(shí)，感興趣的朋友一起看看吧2019-04-04
vue3+vue-cli4中使用svg的方式詳解(親測可用)
最近在做個(gè)vue的項(xiàng)目,從各種github上的開源庫上借鑒開發(fā)方法,給大家分享下,這篇文章主要給大家介紹了關(guān)于vue3+vue-cli4中使用svg的相關(guān)資料,需要的朋友可以參考下2022-08-08
五分鐘搞懂Vuex實(shí)用知識(shí)(小結(jié))
本篇文章主要介紹了五分鐘搞懂Vuex實(shí)用知識(shí)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要給大家介紹了關(guān)于Vue攔截器原理以及詳細(xì)使用的相關(guān)資料,Vue攔截器通常用于在發(fā)送請求或響應(yīng)數(shù)據(jù)時(shí)對其進(jìn)行一些處理或修改,文中通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
本次小編通過一個(gè)簡單的實(shí)例來教給大家如何寫一個(gè)vue插件，以及需要注意的地方，如果有需要的讀者跟著學(xué)習(xí)一下吧。2017-11-11
web面試MVC與MVVM區(qū)別及Vue為什么不完全遵守MVVM解答
這篇文章主要介紹了web面試中常問問題，MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM的難點(diǎn)解答，有需要的朋友可以借鑒參考下，希望能夠有所幫助2021-09-09