vue项目全局过滤器与组件内部过滤器 filter

全局过滤器

1.mian.js同级目录下新建文件夹filter，文件夹下新建filter.js：

  let transformMobile=val=>{    //手机号码隐藏中间4位

       let mobile = val + '';

       if (mobile && mobile.length === 11) {

         const reg = /^(\d{3})\d{4}(\d{4})$/

         return mobile.replace(reg, '$1****$2')

       } else {

         return val

       }

  };

  export { transformMobile}

2.mian.js引入：

  import * as custom from './filter/filter';

  Object.keys(custom).forEach(key => {

    Vue.filter(key, custom[key])

  });

3.组件使用：

    {{mobile| transformMobile}}

data(){

      return{

        mobile: '13612345678',

      }

    }

注：以上示例显示结果： 136****5678

组件内部过滤器

注：以上示例显示结果： 顺丰快递