Vue的學習之路十二 過濾器

2021-10-06 11:20:34 字數 901 閱讀 5855

>

>

>

}p>

div>

>

>

}p>

div>

>

// 定義乙個 vue 全域性的過濾器,名字叫做 msgformat

// 全域性過濾器,所有的vue例項都能共享

vue.

filter

('msgformat'

,function

(msg, data, data2)

) vue.

filter

('test'

,function

(msg)

)var vm =

newvue(,

methods:,}

)// 如何自定義乙個私有的過濾器

var vm2 =

newvue(,

methods:

, filters:}}

)script

>

body

>

全域性過濾器語法:vue.filter('過濾器的名稱', function(data){}),第乙個引數永遠都是過濾器管道符前面傳遞過來的資料。

可以設定多個引數由前台傳入,vue.filter('msgformat', function (msg, data, data2)全域性過濾器,所有的vue例項都能共享

可以使用多個過濾器

在vue例項中,使用filters屬性定義私有過濾器,定義私有過濾器有兩個條件,【過濾器名稱和處理函式】

過濾器呼叫的時候,採用的就是就近原則,如果私有過濾器和全域性過濾器名稱一致,這時候優先呼叫私有過濾器

vue學習 過濾器

作用 過濾資料,一般是把伺服器返回的資料,過濾成符合頁面展示的資料 1.私有過濾器 vue.component login data function filters 2.共有過濾器 最好把vue.filter放在元件註冊之前 vue.filter toup function input,name ...

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中過濾器

常用語文字的格式化,過濾器可用在兩個地方 雙括號插值和v bind 表帶式 用符號 表示,在雙括號的中 在 v bind 中 具體使用請參考vue官方文件 如果專案中使用的過濾器比較多,不妨單獨用乙個filter.js檔案用來專門寫過濾器,在main.js中新增如下 就可以將filter中過濾器全部...