可以在main.js 里面使用vue的filter功能进行脱敏展示,前三后四,中间用星号代替
下面为脱敏逻辑的代码
Vue.filter('phone', function (value) {
if (!value) return '';
let str = value;
str = str.toString().replace(/^(\d{3})(\d{4})(\d{4})/g , '3')
return str;
})
table表格或者fom表单里面使用{{ form.phone | phone }} 这样页面就是展示 前三位和后四位,中间是***了,但是打开控制台的时候用户还是可以看到数据的,大部分由后台做处理,前端只做展示