愿时光能在字里行间里留下一些温暖的印记

vue 扩展自定义函数

如果想依赖 vue 自身处理  数据,那需要按照它的规则 自定义函数 ,假如我想把11为手机号显示成334的样子 135 6666 8888

HTML代码

 

  • {{x.tel|formatTel}}
  • js代码

     var app = new Vue({
      el: '#app',
      data:{all:[{tel:13566668888},{tel:13899995555}]},
     
    });
    
     Vue.filter('formatTel', function (value) {
            return value.substr(0,3)+' '+value.substr(3,4)+' '+value.substr(7,4);
        })
    
    

    这样vue 就会按照函数格式化手机号码,就算后期 数据发生了变化 重新渲染,也无需手动介入,程序会自动处理

    点赞