怎么在vue中自定義一個(gè)過濾器

這篇文章將為大家詳細(xì)講解有關(guān)怎么在vue中自定義一個(gè)過濾器，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

在做網(wǎng)站、網(wǎng)站建設(shè)過程中，需要針對(duì)客戶的行業(yè)特點(diǎn)、產(chǎn)品特性、目標(biāo)受眾和市場(chǎng)情況進(jìn)行定位分析，以確定網(wǎng)站的風(fēng)格、色彩、版式、交互等方面的設(shè)計(jì)方向。創(chuàng)新互聯(lián)還需要根據(jù)客戶的需求進(jìn)行功能模塊的開發(fā)和設(shè)計(jì)，包括內(nèi)容管理、前臺(tái)展示、用戶權(quán)限管理、數(shù)據(jù)統(tǒng)計(jì)和安全保護(hù)等功能。

1、過濾器創(chuàng)建

過濾器的本質(zhì)是一個(gè)有參數(shù) 有返回值的方法

　　new Vue({
　　　　filters:{
　　　　　　myCurrency:function(myInput){
　　　　　　　　return 處理后的數(shù)據(jù)
　　　　　　}
　　　　}
　　})

2、過濾器使用

語法：
{{表達(dá)式 | 過濾器}}

舉個(gè)例子：

{{price | myCurrency}}

3、過濾器高級(jí)用法

在使用過濾器的時(shí)候，還可以指定參數(shù)，來告訴過濾器按照參數(shù)進(jìn)行數(shù)據(jù)的過濾。

①如何給過濾器傳參？

{{price | myCurrency('￥',true)}}

②如何在過濾器中接收到？

new Vue({
　　filters:{
　　　　//myInput是通過管道傳來的數(shù)據(jù)
　　　　//arg1在調(diào)用過濾器時(shí)在圓括號(hào)中第一個(gè)參數(shù)
　　　　//arg2在調(diào)用過濾器時(shí)在圓括號(hào)中第二個(gè)參數(shù)
　　　　myCurrency:function(myInput,arg1,arg2){
　　　　　　return 處理后的數(shù)據(jù)
　　　　}

　　}

})

代碼：

 
 
 




 
{{msg}}
 
{{price}}
 
{{price | myCurrency('￥')}}