Vue 过滤器
文本格式化。
只能在v-bind 和{ { }} 中使用过滤器
//全局过滤器
Vue.filter("过滤器名字",function(data){ //data是要被过滤的对象数据 //code 处理逻辑 return data+"123" //将原本的后面增加了123 });
//使用
<div>{{ name | 过滤器名字 }}</div> //如此过滤和格式化 如时间格式化
// 可多次调用过滤器
<div>{{ name | 过滤器1 | 过滤器2}}</div>
Vue.filter("filterName",function(data,other){
});
<div>{{ name | filerName("xxx") }}</div> //xxx传递给other.
//私有过滤器 new Vue({ el:'#app", methods:{}, filters:{ filterName:function(data){ //过滤器名字:过滤器函数
return ;
} } })
调用原则:就近原则,先私有,后全局
"ddd".padStart(2,“0”)/前面填充使得字符串为2位,填充数据是0;