1、全局寫法：

　　全局過(guò)濾器必須寫在vue實(shí)例創(chuàng)建之前。

Vue.filter('testfilter', function (value,text) {// 返回處理后的值return value+text})

2、局部寫法：

在組件實(shí)例對(duì)象里掛載。 filters: {changemsg:(val,text)=>{return val + text}},

3、使用：

　　只能使用在{{}}和：v-bind中，定義時(shí)第一個(gè)參數(shù)固定為預(yù)處理的數(shù)，后面的數(shù)為調(diào)用時(shí)傳入的參數(shù)，調(diào)用時(shí)參數(shù)第一個(gè)對(duì)應(yīng)定義時(shí)第二個(gè)參數(shù)，依次往后類推

<h3 :title="test|changemsg(1234)">{{test|changemsg(4567)}}</h3>
//多個(gè)過(guò)濾器也可以串行使用
<h2>{{name|filter1|filter2|filter3}}</h2>

4、vue-cli項(xiàng)目中注冊(cè)多個(gè)全局過(guò)濾器寫法：

//1.創(chuàng)建一個(gè)單獨(dú)的文件定義并暴露函數(shù)對(duì)象 const filter1 = function (val) {return val + '--1' } const filter2 = function (val) {return val + '--2' } const filter3 = function (val) {return val + '--3' }export default {filter1,filter2,filter3 }//2.導(dǎo)入main.js(在vue實(shí)例之前) import filters from './filter/filter.js'//3.循環(huán)注冊(cè)過(guò)濾器 Object.keys(filters).forEach(key=>{Vue.filter(key,filters[key]) })

?

　　

轉(zhuǎn)載于:https://www.cnblogs.com/superjsman/p/10052145.html

總結(jié)

以上是生活随笔為你收集整理的vue之filter用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。