一 自定義過(guò)濾器(注冊(cè)在Vue全局)

創(chuàng)新互聯(lián)建站致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營(yíng)銷(xiāo)，提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、網(wǎng)站開(kāi)發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營(yíng)銷(xiāo)、微信小程序定制開(kāi)發(fā)、公眾號(hào)商城、等建站開(kāi)發(fā)，創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)策劃專(zhuān)家，為不同類(lèi)型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢(shì)。

注意事項(xiàng):

(1)全局方法 Vue.filter() 注冊(cè)一個(gè)自定義過(guò)濾器,必須放在Vue實(shí)例化前面

(2) 過(guò)濾器函數(shù)始終以表達(dá)式的值作為第一個(gè)參數(shù)。帶引號(hào)的參數(shù)視為字符串，而不帶引號(hào)的參數(shù)按表達(dá)式計(jì)算

(3)可以設(shè)置兩個(gè)過(guò)濾器參數(shù),前提是這兩個(gè)過(guò)濾器處理的不沖突

(4)用戶從input輸入的數(shù)據(jù)在回傳到model之前也可以先處理

  
    
    
    
    
  
  
    

      
{{message | sum}}
      
{{message | cal 10 20}}
 
      
{{message | sum | currency }}
 
      
       
      
    
    
  

二 自定義過(guò)濾器(注冊(cè)在實(shí)例化內(nèi)部)

上面的例子直接注冊(cè)在Vue全局上面,其他不用這個(gè)過(guò)濾器的實(shí)例也會(huì)被迫接受,其實(shí)過(guò)濾器可以注冊(cè)在實(shí)例內(nèi)部,僅在使用它的實(shí)例里面注冊(cè)

上面的程序改寫(xiě)為:

  
    
    
    
    
  
  
    

      
{{message | sum}}
      
{{message | cal 10 20}}
 
      
{{message | sum | currency }}
 
      
       
      
    
    
  

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。