Vue.js中允许自定义过滤器(早期提供有过滤器,2.x后不再提供)。
过滤器可以用在两个地方:{{}} 和 v-bind表达式(2.10+)中。
过滤器用于一些常见的文本格式化,比如对时间进行格式化、数字的格式化等。
定义过滤器
Vue.Filter('过滤器的名字', funtion(){})
param1:过滤器的名字
param2:过滤器的逻辑
Vue.filter('mFilter', funtion(msg){
return ...
})
使用过滤器:
<!-- 使用mFilter过滤器对msg进行过滤 -->
{{ msg | mFilter }}
管道符会把前一项msg的输出当成mFilter的输入(参数)
全局过滤器和局部过滤器
以上书写的位置是全局过滤器,局部过滤器如下:
var vm = new Vue({
el:...
data:{},
methods:{},
filters:{
//过滤器
mFilter: function(input){
return ...
}
}
})
网友评论