vue中使用過濾器filter處理浮點數小數字數

專案中，在處理購物車資料時，由於**往往都是浮點數，而js中對於小數點的精度是無法保證的，所以計算後的浮點數有時候會出現小數字數太多，並不是我們想要的結果，想到使用tofixed() 方法實現保留一定小數字數。

因為購物車、訂單頁等頁面都要用到，所以全域性註冊過濾器filters。

1.vue專案中可能需要用到很多filters，所以在src目錄下新建乙個common/filter目錄，在filter目錄下新建乙個filter.js檔案，用於統一編寫過濾器方法。

let tofixed=(input,num)=>number(input).tofixed(num)

export default //預設匯出

中引入並註冊

import filters from "./common/filters/filters"//用於處理浮點數小數字數
//全域性方法vue.filter()統一註冊自定義過濾器
object.keys(filters).foreach(key => )

}

關於tofixed() 方法：

檢視文件tofixed() 方法可把 number 四捨五入為指定小數字數的數字，返回數值字串。

當 num 超出0 ~ 20 之間的值時丟擲異常 rangeerror。當呼叫該方法的物件不是 number 時丟擲 typeerror 異常。

總結：文件真的很重要，一些常見的問題，其實文件中都已經考慮到了。

Vue專案中使用過濾器

為什麼要使用過濾器？能夠對資料進行各種過濾處理，返回需要的結果，非常的方便和快捷。怎麼使用過濾器？首先過濾器分為兩類 全域性過濾器 區域性過濾器 例如 vue.filter filterdome function val 全域性過濾器的在專案中的使用 一般我們會在在src下面建乙個資料夾，用來放我們...

Vue 過濾器 filter 的使用

用於文字格式化 本質是乙個函式 用於雙括號插值和v bind表示式，用管道符 新增到表示式尾部 註冊全域性過濾器 vue.filter filtername function value demo1 type text v model message div 定義全域性過濾器 vue.filter ...

如何在vue中使用公共過濾器filter

1 新建檔案 filter.js檔案 import vue from vue 因為我這裡要使用vue中公共的方法 getuseragent，所以引入vue並例項化 不需要的可不必引入 let vue newvue 公共過濾器 某某幣 人民幣 const vfilter else export def...