vue 全局 filters过滤器

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/p930318/article/details/88102758

1.在一个公共的js中定义一个过滤器函数

此处定义了一个手机号码中间4位星号全局需要用的过滤器

//过滤器
export const privateMob= function(str) {
  var str = str;
  if (str === "" || str == null) {
    return (str = "");
  } else {
    return str.substr(0, 3) + "****" + str.substr(7);
  }
}

2.在项目中的main.js中引入

import * as customFilt from './assets/util.js'

Object.keys(customFilt).forEach(key => {
  Vue.filter(key, customFilt[key])
})

3.在页面中引用

{{Phone | privateMob}}