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 }}
备注:学习笔记,仅供参考
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
