MOBILE.replace(/(\d{3})\d*(\d{4})/,'$1****$2') //手機(jī)號脫敏操作
IDNO.replace(/(\w{6})\w*(\w{4})/,'$1******$2') //身份證號碼脫敏
getName(){
if(this.formdata.USER_CNAME.length==2){
// this.userName=this.formdata.USER_CNAME.substring(1,2)+'*' //截取name 字符串截取第一個(gè)字符,
this.userName=this.formdata.USER_CNAME.substring(0,1)+'*' //截取name 字符串截取第一個(gè)字符,
}else if(this.formdata.USER_CNAME.length==3){
//this.userName=this.formdata.USER_CNAME.substring(0,1)+"*"+this.formdata.USER_CNAME.substring(2,3)//截取第一個(gè)和第三個(gè)字符
this.userName="*"+"*"+this.formdata.USER_CNAME.substring(2,3)//截取第一個(gè)和第三個(gè)字符
}else if(this.formdata.USER_CNAME.length>3){
this.userName="*"+"*"+'*'+this.formdata.USER_CNAME.substring(3,this.formdata.USER_CNAME.length)//截取第一個(gè)和大于第4個(gè)字符
//this.userName=this.formdata.USER_CNAME.substring(0,1)+"*"+'*'+this.formdata.USER_CNAME.substring(3,this.formdata.USER_CNAME.length)//截取第一個(gè)和大于第4個(gè)字符
}
},
substring(第一個(gè)參數(shù)int為開始的索引,第二個(gè)參數(shù)是截止的索引位置)的作用就是截取父字符串的某一部分。
(1) 當(dāng)a第一個(gè)參數(shù)等于0時(shí),則表示其從字符串的第一個(gè)字符開始算起, 也就是其子字符串是包含第一個(gè)字符的,當(dāng)然,你也可以從后續(xù)的其他字符開始;
(2) substring(a,b)中的參數(shù)b,其值最大可以為 父字符串的長度, 但并不包含索引值為b的那個(gè)字符。
//就拿我的例子來說吧!如果后端反的數(shù)值是可見的,而我們前端又需要脫敏的就需要用到過濾器啦~
-
過濾器的作用:用于文本格式化,僅僅作為格式化操作,不做復(fù)雜的業(yè)務(wù)處理
-
過濾器的使用方式:通過管道符號(|)來使用
-
過濾器的使用位置:mustache插值和v-bing的表達(dá)式
模板
//如何使用使用過濾器?
我們用一個(gè)叫做管道符的來使用過濾器
舉例:
數(shù)據(jù) | 過濾器名稱
fillters:{
過濾器名字( value ){ //參數(shù)是被過濾的數(shù)據(jù)
return 數(shù)據(jù); //return的是什么,那么最終顯示的就是什么
}
}
filters: {
mobileDesensitize(val){ //手機(jī)號脫敏操作
if (null != val && val != undefined) {
var pat = /(\d{3})\d*(\d{4})/;
return val.replace(pat, '$1****$2');
} else {
return "";
}
},
idnoDesensitize(val){//身份證號碼脫敏
if (null != val && val != undefined) {
var pat = /(\d{4})\d*(\d{4})/;
return val.replace(pat, '$1***********$2');
} else {
return "";
}
// 或者 return val.substring(0, 3) + '*************' + val.substring(16, val.length)
}
},
