vue3中手机号码加密

函数：

//路径：src\utils\index.ts
/**
 * JSDoc注释 隐藏用户手机号码
 * @param mobile 手机号码
 * @returns 处理后的手机号码如 : 123****1123
 */
export const hiddenMobileNumber = (mobile: string) => {
  // 字符串截取
  // return mobile.slice(0, 3) + '****' + mobile.slice(-4);
  // 字符串正则替换，\d 表示数字，{3} 表示次数  ()编组   $1 第1个编组
  return mobile.replace(/(\d{3})(\d{4})(\d{4})/, '$1****$3');
};

使用：

<script setup lang="ts">
// 手机号码加密
import { hiddenMobileNumber } from '@/utils';
</script>
<li>
    <span>联系方式：</span>{{ hiddenMobileNumber(currentAddress.contact) }}
</li>