vue中过滤器filters的使用

本文主要是介绍vue中过滤器filters的使用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

组件内写法

filters:{filter:function(data,arg1,arg2){return ....}
}

全局写法

filters('filter',function(data,arg1,arg2){retrun ....
})

---

1.在html中使用

{{ msg | filter('arg1','arg2') }}
// msg对应函数中的第一个参数data，arg1为第二个参数，类推

2.methods中使用，并传参

methods:{fn(){let filter = this.$options.filters['filter']let data = filter(this.msg,arg1,arg2)}
}

3.在v-html中使用filters

<p v-html="$options.filters.filter(this.msg,arg1,arg2)"></p>

这篇关于vue中过滤器filters的使用的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---