vue頁面隱藏個人信息用*代替，兩種方法（詳細）

1.當是表單時候：即

<el-col :span="8">
  <el-form-item label="身份證號碼" prop="pIdentityId">
    <el-input v-model="form.pIdentityId" placeholder="" clearable :style="{width: '100%'}">
    </el-input>
  </el-form-item>
</el-col>

使用下面這種方式：定義一個類負責進行信息替換

//將姓名進行隱藏處理
nameFormat (item) {
  console.log(item)
  if (!item) return '';
  let str = item;
  if(str.length == 2){
    str = str.toString().replace(/^([^\x00-\xff])([^\x00-\xff]{0,})([^\x00-\xff])/g , '$1*')
  }else if(str.length == 3){
    str = str.toString().replace(/^([^\x00-\xff])([^\x00-\xff]{0,})([^\x00-\xff])/g , '$1*$3')
  }else if(str.length == 4){
    str = str.toString().replace(/^([^\x00-\xff])([^\x00-\xff]{0,2})([^\x00-\xff])/g , '$1**$3')
  }else if(str.length > 4){
    str = str.toString().replace(/^([^\x00-\xff])([^\x00-\xff]{0,3})([^\x00-\xff])/g , '$1***$3')
  }else{}
  // str = str.toString().replace(/^([^\x00-\xff])([^\x00-\xff]{1,3})([^\x00-\xff])/g , '$1**$3')
  return str;
},

//將身份證號進行隱藏處理
formatIDcard (value) {
  if (!value) return '';
  let str = value;
  str = str.toString().replace(/^(.{6})(?:\w+)(.{4})$/ , '$1********$2')
  return str;
},

//將電話號進行處理
formatPhone (value) {
  if (!value) return '';
  let str = value;
  str = str.toString().replace(/^(\d{3})(\d{4})(\d{4})/g , '$1****$3')
  return str;
},

需要注意的是 需要在接收值的時候進行轉化即接收值的時候進行處理

handleUpdate(row) {
  this.reset();
  if (row != '') {
    var r = row;
    this.selectedOptions = [];
    if(r.pProvince != null) {
      this.selectedOptions.push(TextToCode[r.pProvince].code);
      if (r.pProvince != null) {
        this.selectedOptions.push(TextToCode[r.pProvince][r.pCity].code);
        if(r.pArea != null) {
          this.selectedOptions.push(
            TextToCode[r.pProvince][r.pCity][r.pArea].code)
        }
      }
    }
   //獲取轉換的姓名
  var pName = this.nameFormat(row.pName);
    r.pName = pName;

    //獲取轉換的身份證號
   var pIdentityId = this.formatIDcard(row.pIdentityId) ;
   r.pIdentityId = pIdentityId;

    //獲取轉換的聯系電話
    var pPhone = this.formatPhone(row.pPhone);
    r.pPhone = pPhone;

第二種方式： 當是 div時候直接轉化就行

<div class="grid-content bg-purple" style="font-weight: bolder; font-size: 20px">
  姓名：{{patientInfo.pName?patientInfo.pName.replace(/^([^\x00-\xff])([^\x00-\xff]{0,})([^\x00-\xff])/g , '$1*'):""}}
</div>