vue全域性過濾器配置

2021-08-28 05:43:59 字數 709 閱讀 3521

有時乙個過濾器需要在專案中多次使用,此時可以將該過濾器定義為全域性過濾器,全域性過濾器在main.js下配置。以時間過濾器為例,當為區域性過濾器寫為:

filters: 

if (isnan(m) && m != 0) else

if (isnan(d) && d != 0) else

return y + "-" + m + "-" + d + " " + date.totimestring().substr(0, 5);

}

現在我們把它設定成全域性過濾器

vue.filter('timeform', function (value) 

if (isnan(m) && m != 0) else

if (isnan(d) && d != 0) else

return y + "-" + m + "-" + d + " " + date.totimestring().substr(0, 5);

});var timeform = vue.filter('timeform');

直接定義為:vue.filter('timeform', function (value)

然後定義一下過濾器:var timeform = vue.filter('timeform')   

使用的時候和區域性過濾器相同方式使用,直接}  即可

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全域性過濾器filter

1.1 過濾器科用在兩個地方 雙花括號插值和v bind 表示式中。過濾器應該被新增在js表示式的尾部,由管道符號指示 雙花括號中 在v bind 中 1.2 定義過濾器 1.2.1在元件選項中定義本地過濾器 注意 過濾器的內容由過濾器的返回值決定 引數1 表示要過濾的內容 引數2 表示傳遞給過濾器...

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

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