首先,我們這個地方使用的是局部過濾:
第一步我們要先聲明我們需要聲明一個變量,
第二步 我們需要在我們要使用的頁面上寫上我們需要的filter格式{{需要過濾的值 | 過濾后的值(也就是咱們剛剛聲明過的值)}}
第三步 在vue中的filters方法中定義一個函數(也就是我們過濾后的值)他所攜帶的值就是我們要過濾的值傳進來后做自己相應的過濾操作,最后這一步很重要,要將值return出來。
還有一種是全局過濾:
我們只需要在main.js中定義,一次定義,項目中所以組件都可使用
-
Vue.filter("capitation",(val)=>{ return val/2; })
注:filters過濾器是vue2的語法,vue3是不存在filters過濾器的說法。