vue之保留小數(shù)點兩位小數(shù) 使用filters(過濾器)
更新時間：2023年11月18日 09:38:36 作者：Cherry?
這篇文章主要介紹了vue之保留小數(shù)點兩位小數(shù) 使用filters(過濾器),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
保留小數(shù)點兩位小數(shù) 使用filters(過濾器)
filters: {
numFilter(value) {
let realVal = "";
if (!isNaN(value) && value !== "") {
// 截取當前數(shù)據(jù)到小數(shù)點后兩位,改變toFixed的值即可截取你想要的數(shù)值
realVal = parseFloat(value).toFixed(2);
} else {
realVal = "--";
}
return realVal;
},
},
<!--在雙括號中這樣使用即可-->
<div class="col">{{item.dataToday | numFilter}}</div>
toFixed()
把數(shù)字轉(zhuǎn)換為字符串，結(jié)果的小數(shù)點后有指定位數(shù)的數(shù)字
parseFloat()
函數(shù)可解析一個字符串，并返回一個浮點數(shù)。該函數(shù)指定字符串中的首個字符是否是數(shù)字。
如果是，則對字符串進行解析，直到到達數(shù)字的末端為止，然后以數(shù)字返回該數(shù)字，而不是作為字符串。
另注意：
- 字符串中只返回第一個數(shù)字
- 開頭和結(jié)尾的空格是允許的
- 如果字符串的第一個字符不能被轉(zhuǎn)換為數(shù)字，那么 parseFloat() 會返回 NaN
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于vue中路由傳參以及跨組件傳參的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
最近vue項目中遇到了需求,客戶端需要實現(xiàn)以excel表格形式下載數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于vue下載excel文件的四種方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-06-06
這篇文章主要介紹了element-ui?table表格底部合計自定義配置過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
使用vue-cli初始化項目時運行‘npm run dev’報錯及解決
這篇文章主要介紹了使用vue-cli初始化項目時運行‘npm run dev’報錯及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
隨著互聯(lián)網(wǎng)的發(fā)展,越來越多的應(yīng)用需要實現(xiàn)流程圖的制作,如工作流程圖、電路圖等,文中通過代碼以及圖文將實現(xiàn)的過程介紹的非常詳細,對大家學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-06-06
vue3中el-table實現(xiàn)表格合計行的示例代碼
這篇文章主要介紹了vue3中el-table實現(xiàn)表格合計行,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
Vue+vite創(chuàng)建項目關(guān)于vite.config.js文件的配置方法
Vue項目創(chuàng)建時，我們見過vue-cli 創(chuàng)建項目和webpack 創(chuàng)建項目等方式，這篇文章主要介紹了Vue+vite創(chuàng)建項目關(guān)于vite.config.js文件的配置方法,需要的朋友可以參考下2023-06-06
Vue?處理異步加載順序問題之如何在Konva中確保文本在圖片之上顯示
在處理Konva中的異步加載順序問題時,確保在圖像加載完成后再添加其他元素是關(guān)鍵,通過將回調(diào)函數(shù)放在imageObj.onload中,并正確處理變量捕獲,我們可以確保文本總是繪制在圖片之上,這不僅解決了顯示順序的問題,也為未來的調(diào)試提供了明確的方向,感興趣的朋友一起看看吧2024-07-07
vue2.0 watch里面的 deep和immediate用法說明
這篇文章主要介紹了vue2.0 watch里面的 deep和immediate用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
無論單頁還是多頁，我的實現(xiàn)思路是總體配置404頁面的思路就是在前端路由表中添加一個 path: '/404' 的路由，渲染相應(yīng)的404頁面。這篇文章主要介紹了Vue單頁及多頁應(yīng)用全局配置404頁面實踐,需要的朋友可以參考下2018-05-05