Vue 数据脱敏

技术贼垃圾

已于 2022-11-25 16:09:14 修改

阅读量1.7k

点赞数

文章标签： vue.js 前端

于 2022-11-25 16:04:54 首次发布

本文链接：https://blog.csdn.net/qq_44926700/article/details/128039610

版权

表格脱敏

common.js工具类

/**
 * 数据脱敏
 * @param str 脱敏字符串
 * @param begin 起始保留长度，从0开始
 * @param end 结束保留长度，到str.length结束
 * @returns {string|*}
 */
export function desensitization(str,begin,end) {
  if (!str && (begin + end) >= str.length) {
    return "";
  }

  let leftStr = str.substring(0, begin);
  let rightStr = str.substring(end);
  let midStr = str.substring(begin,end);
  let strCon = "";
  for (let i = 0; i < midStr.length; i++) {
    strCon += "*";
  }
  retu
  //比较两个字符串（大小写敏感）
export function equals(str, that) {

  return str == that;
}

使用

 <el-table-column label="租户手机号" align="center" key="tenantPhone" prop="tenantPhone" :show-overflow-tooltip="true">
          <template scope="scope">
            <span>{{ phoneFormatter(scope.row.tenantPhone) }}</span>
          </template>
        </el-table-column>

 /** 手机号脱敏 */
    phoneFormatter(phone){
      if(!equals(phone,undefined)){
        return desensitization(phone,3,7);
      }
    },
    /** 身份证号脱敏 */
    cardFormatter(card){
      if(!equals(card,undefined)){
        return desensitization(card,6,14);
      }
    },