Vue过滤器的用法 filter

目录

1、定义过滤器

1.1、参数说明

1.2、局部过滤器

1.3、全局过滤器

2、使用过滤器


 

1、定义过滤器

1.1、参数说明

// 1、使用时没有参数,即{{ msg | filterA }}
filterA (value){//其中msg为filterA中的value值。return value + "666666";
}// 2、使用时有参数,即{{ msg | filterB( arg1, arg2, arg3.... )}}
filterB (value , ...args){//其中msg为filterA中的第一个参数value。for(arg in args{console.log(arg)value+=arg}return value
}

1.2、局部过滤器

new Vue({data(){return {};},filters:{ strFormat( str ){return str.substr(0,5);}}
})

1.3、全局过滤器

在main.js中使用Vue.filter()

Vue.filter("toUpper", function(val){return val.toUpperCase();
})

2、使用过滤器

{{ msg | toUpper }}

备注:学习笔记,仅供参考


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部