vue 全域性過濾器的註冊和使用

2021-09-24 03:55:34 字數 727 閱讀 4271

1.建立過濾器 filters.js

// 轉小寫

let lower = value => value.tolowercase();

// 轉大寫

let upper = value => value.touppercase();

// 貨幣格式

let currencystyle = (value, style) => else

return t.split("").reverse().join("") + "." + r;

}}export

2.在main.js裡註冊全域性過濾器

通過 foreach 迴圈,把自定義功能分別註冊到過濾器裡。

import * as filters from './plug/filters'

object.keys(filters).foreach(key => )

3.開始使用

}---貨幣,保留2位小數

}---數字格式

}---轉小寫

}---轉大寫

data () ;

},

效果

Vue過濾器 區域性和全域性過濾

什麼是過濾器?用來格式化資料的乙個函式 例如 10 price 日期的格式化 vue 1.x 版本借鑑了 angular 提供 10 個過濾器,包括有 日期 小數點位數保留 貨幣 大小寫 等 vue 2.x 廢棄了這 10個過濾器,但是它提供了自定義過濾器的方式 使用方式 全域性定義過濾器 p vu...

Vue 過濾器案例(全域性過濾器和區域性過濾器)

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat,但是控制不同作用,乙個是全域性的...

vue全域性過濾器配置

有時乙個過濾器需要在專案中多次使用,此時可以將該過濾器定義為全域性過濾器,全域性過濾器在main.js下配置。以時間過濾器為例,當為區域性過濾器寫為 filters if isnan m m 0 else if isnan d d 0 else return y m d date.totimestr...