vue2中的過濾器filter的使用


首先,我們這個地方使用的是局部過濾:

第一步我們要先聲明我們需要聲明一個變量,

第二步 我們需要在我們要使用的頁面上寫上我們需要的filter格式{{需要過濾的值 | 過濾后的值(也就是咱們剛剛聲明過的值)}}

第三步 在vue中的filters方法中定義一個函數(也就是我們過濾后的值)他所攜帶的值就是我們要過濾的值傳進來后做自己相應的過濾操作,最后這一步很重要,要將值return出來。

 

 

 

 還有一種是全局過濾:

我們只需要在main.js中定義,一次定義,項目中所以組件都可使用

  1. Vue.filter("capitation",(val)=>{
     
    return val/2;
     
    })

     

 

注:filters過濾器是vue2的語法,vue3是不存在filters過濾器的說法。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM