前端的脱敏 姓名,手机号,卡号,车牌号,身份证等

192 阅读1分钟

在全局写好公共方法 在需要的地方直接用就可以啦

image.png 在页面的用法

image.png 具体脱敏的代码如下: //展示脱敏加密 Vue.prototype.secretText = function(value,type){ // value = value.replace(' ', '') // console.log(value) //前4后3 if(type == 1){ if (value && value.length > 8) { return `{value.substring(0, 4)} {"*".repeat(value.length - 7).replace(/(.{4})/g, `1 )}${value.length % 4 ? " " : ""}${value.slice(-3)}; } return value; }else if(type == 2){ //前3后4 手机号 if (value && value.length > 8) { return ${value.substring(0, 3)} ${"*".repeat(value.length - 7).replace(/(.{4})/g, 1 `)}{value.length % 4 ? "" : ""}{value.slice(-4)}`; } return value; }else if(type == 3){ //前4后4 obu号 etc卡号 银行卡号 身份证号 if (value && value.length > 8) { return `{value.substring(0, 4)} {"*".repeat(value.length - 8).replace(/(.{4})/g, `1 )}${value.length % 4 ? " " : ""}${value.slice(-4)}; } return value; }else if(type == 4){ //前2后2 车牌 return ${value.substring(0, 2)}${"*".repeat(value.length - 4).replace(/(.{4})/g, 1`)}{value.length % 4 ? "" : ""}${value.slice(-2)}`;

} else if (type == 5) { if (value && value.length == 2) { // 两位 前1 姓名 return ${value.substring(0, 1)}${"*".repeat(value.length - 1).replace(/(.{4})/g, 1 `)}{value.length % 1 ? "" : ""}; } else { // 四位 前1后1 姓名 return value.substring(0,1){value.substring(0, 1)}{"*".repeat(value.length - 2).replace(/(.{4})/g, $1 )}{value.length % 1 ? "" : ""}{value.slice(-1)}`; }

} };