vue關於filters過濾器初級使用

2022-02-15 17:29:21 字數 408 閱讀 9882

過濾器用於渲染資料,比如保留小數(vue會將小數點後為0的資料統統轉化為整數型別),比如將資料前加入貨幣符

過濾器分為全域性和區域性,這裡講區域性

filters與methods,computed同級,且filter型別通常為函式型別

語法:      //  「  | 」  意為分隔符

通常用於在mustache語法或者:bind指令中

案例: 將遍歷資料保留後兩位並在資料前加$符號

data:

bookprice: [1, 2, 2, 3, 5, 9]

web:

filters:

getprices(item)

這樣就完成了資料的二次渲染。

以上。

VUE構建全域性過濾器filters

身份證正則 6位及14位處空格 const sfzhregfilter value else else else 身份證正則 6到14位星號 const sfzhasterregfilter data else module.exports 入口檔案中匯入 且全域性註冊 例項建立前 import f...

Vue過濾器filters使用詳解

這次給大家帶來vue過濾器filters使用詳解,vue過濾器filters使用的注意事項有哪些,下面就是實戰案例,一起來看一下。示例 採用vue單檔案元件,使用moment外掛程式格式化日期 說明 過濾器內是沒有this引用的,過濾器內的this是undefined,所以不要在過濾器內嘗試使用th...

filters過濾器封裝

filters.js import vue from vue 秒轉時分 vue.filter timestamp function second time return time 時間戳轉日期 1569736900 2019 09 29 vue.filter timefilter function ...