vue科學計數法封裝過濾器使用 使用任何長度

2021-10-09 12:54:19 字數 1499 閱讀 3565

1.首先 建立乙個 index.js 檔案

2.在index.js裡寫過濾**

// import parsetime, formattime and set to filter

export from '@/utils'

// 將科學計數法轉換成小數

export const scientifictonumber =

function

(inputnumber)

inputnumber =

''+ inputnumber

inputnumber =

parsefloat

(inputnumber)

let eformat = inputnumber.

toexponential()

// 轉換為標準的科學計數法形式(字串)

let tmparray = eformat.

match

(/\d(?

:\.(\d*))

?e([

+-]\d+)/

)// 分離出小數值和指數值

let number = inputnumber.

tofixed

(math.

max(0,

(tmparray[1]

||''

).length - tmparray[2]

))return number

}

3.在main.js裡引入過濾器

4.使用

5.測試結果

vue 過濾器基本用法以及封裝過濾器

理解 不改變data的資料格式,在介面顯示處理後的資料格式 比如 對陣列中的日期進行擷取 整體 封裝過濾器filter如下 在vue cli腳手架裡面的src檔案下面的components中建立乙個filter.js檔案 然後在filter裡面寫入過濾器方法 過濾器 function formats...

vue過濾器使用總結

應用場景 頁面經常會對當前日期進行自定義的格式化顯示,頁面的顯示框使用過濾器表示式,中使用過濾器函式,日期庫使用moment.js 完整版 年月日 自定義過濾 vue.filter datestring function value,format yyyy mm dd hh mm ss new vu...

轉 vue過濾器使用

簡單介紹一下過濾器,顧名思義,過濾就是乙個資料經過了這個過濾之後出來另一樣東西,可以是從中取得你想要的,或者給那個資料新增點什麼裝飾,那麼過濾器則是過濾的工具。例如,從 abc abd ade 陣列中取得包含 ab 的值,那麼可通過過濾器篩選出來 abc 和 abd 把 hello 變成 hello...