Vue项目中手机号脱敏（星号代替）

最近接到一个需求，身份敏感信息只显示前面两位和后面两位，中间其他部分进行打码，就在全局搞了一个过滤器

1、在main.js中进行全局过滤

Vue.filter('replacestar', function (value) {
  if (!value) return '';
  let str = value;
  	 str = str.replace(new RegExp("[^0-9]+","g"),"")
   if(str.length==11){
	   	str = str.toString().replace(/(\d{2})\d*(\d{2})/ , '$1*******$2')
   }else {
	  str = str.toString().replace(/(\d{2})\d*(\d{2})/ , '$1*********$2')
  }
  return str;
})

2、在需要使用的页面进行直接调用

			<view style="height: 32rpx;font-size: 28rpx;color: #FFFFFF;">
								{{personcpf | replacestar}}
			</view>

3、页面显示效果
18*******11

4、你已经成功了 撒花