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...