Vue 过滤器


过滤器

只适用于简单逻辑的处理,复杂逻辑不建议使用

配置

// 全局过滤器
Vue.filter('filter',function(value,arg){
    return true
})

// 局部过滤器
new Vue({
    data:{},
    filters:{
        filter:function(){}
    }
})

语法

{{ value | filter}}
demo


传参
{{value | filter(arg1)}}

串联
{{value | filter(arg1) | filter2(arg2)}}
串联的顺序是从左到右

demo


    

过滤器

{{ value | slice(3) | add('*') }}

vue