vue中过滤器filters的使用

Posted sexintercourse

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的使用的主要内容,如果未能解决你的问题,请参考以下文章

Vue-Methods中使用Filter

vue中全局使用自定义过滤器filter

Vue.js中过滤器(filter)的使用

vue-过滤器(filter)

vue中过滤器filters的使用

vue实例中的filters属性