效果图:

 代码:

<el-table-column align="left" label="负责人电话" min-width="120" prop="fzrdh">
   <template v-slot:="scope">
       <el-popover trigger="hover" placement="top">
           <span style="margin-left: 30px;">{{ scope.row.fzrdh }}</span>
           <template #reference>
               <span>{{formatter(scope.row.fzrdh,3,4) }}</span>
           </template>                   
       </el-popover>
   </template>
</el-table-column>
export const formatter =(field, before, after )=> {
  if (!field) {return '';}
  field = String(field);
  const regItem = '[\u4e00-\u9fa5a-zA-Z0-9]';
  const regExp = `(${regItem}{${before}})${regItem}*(${regItem}{${after}})`;
  const reg = new RegExp(regExp);
  return field.replace(reg, '$1*****$2');
}

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐