亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue 保留兩位小數(shù) 不能直接用toFixed(2) 的解決

 更新時間:2020年08月07日 09:46:09   作者:我愛張苗苗  
這篇文章主要介紹了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)文章

  • Vue觸發(fā)式全局組件構(gòu)建的方法

    Vue觸發(fā)式全局組件構(gòu)建的方法

    這篇文章主要介紹了Vue觸發(fā)式全局組件構(gòu)建的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-11-11
  • 基于axios在vue中的使用

    基于axios在vue中的使用

    這篇文章主要介紹了關(guān)于axios在vue中的使用方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-03-03
  • vue.js中導(dǎo)出Excel表格的案例分析

    vue.js中導(dǎo)出Excel表格的案例分析

    這篇文章主要介紹了vue.js中如何導(dǎo)出Excel表格,在項目中經(jīng)常會遇到這樣的需求,今天小編分步驟通過實例代碼給大家詳細(xì)介紹,需要的朋友可以參考下
    2019-06-06
  • vue3單文件組件中style特性的深入講解

    vue3單文件組件中style特性的深入講解

    單文件就是把一個頁面拆分為多個,多層次的組件,通過多層引用,大大縮小vue文件的長度和頁面復(fù)雜度,下面這篇文章主要給大家介紹了關(guān)于vue3單文件組件中style特性的相關(guān)資料,需要的朋友可以參考下
    2021-09-09
  • vue中路由傳參6種方式總結(jié)

    vue中路由傳參6種方式總結(jié)

    這篇文章主要為大家詳細(xì)介紹了vue中路由傳參6種方式,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價值,感興趣的小伙伴可以跟隨小編一起了解一下
    2023-08-08
  • vue 單元測試初探

    vue 單元測試初探

    這篇文章主要介紹了vue 單元測試的相關(guān)資料,幫助大家更好的理解和學(xué)習(xí)使用vue框架,感興趣的朋友可以了解下
    2021-04-04
  • VUE3基礎(chǔ)學(xué)習(xí)之click事件詳解

    VUE3基礎(chǔ)學(xué)習(xí)之click事件詳解

    由于vue是一個雙向數(shù)據(jù)綁定的框架,它的點擊事件與以前常用的還是有很大的差別的,下面這篇文章主要給大家介紹了關(guān)于VUE3基礎(chǔ)學(xué)習(xí)之click事件的相關(guān)資料,需要的朋友可以參考下
    2022-01-01
  • vue+elementui(對話框中form表單的reset問題)

    vue+elementui(對話框中form表單的reset問題)

    這篇文章主要介紹了vue+elementui(對話框中form表單的reset問題),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-05-05
  • vue中常見的問題及解決方法總結(jié)(推薦)

    vue中常見的問題及解決方法總結(jié)(推薦)

    這篇文章主要給大家介紹了關(guān)于vue中常見的問題及解決方法的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • vue3+ts+Vuex中使用websocket協(xié)議方式

    vue3+ts+Vuex中使用websocket協(xié)議方式

    這篇文章主要介紹了vue3+ts+Vuex中使用websocket協(xié)議方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10

最新評論