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;

原文地址:https://www.cnblogs.com/panjingshuang/p/11925892.html