vue 身份证号、手机号、姓名脱敏处理( * 显示)

姓名脱敏:

2位到5位以上的不同处理

 
    hideInsurantName (val) {
      if (!val || val === '') return ''
      let name = ''
      if (val.length === 2) {
        name = val.substring(0, 1) + '*' // 截取name 字符串截取第一个字符,
      } else if (val.length === 3) {
        name = val.substring(0, 1) + '*' + val.substring(2, 3) // 截取第一个和第三个字符
      } else if (val.length === 4) {
        name = val.substring(0, 2) + '*' + '*' // 4个字隐藏后面两个
      } else if (val.length > 4) {
        name = val.substring(0, 1) // 5个字只显示第一个字
        for (let i = 0; i < val.length - 1; i++) {
          name = name + '*'
        }
      }
      return name
    }

手机号脱敏

judgePhone (val) {
      if (!val) return ''
      let reg = /^(.{3}).*(.{4})$/
      return val.replace(reg, '$1****$2')
    }

数字以千分位的形式展示

num: (value) => {
      if (!value) return '0.00'
      // 将数值截取,保留两位小数
      value = value.toFixed(2)
      // 获取整数部分
      const intPart = Math.trunc(value)
      // 整数部分处理,增加,
      const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
      // 预定义小数部分
      let floatPart = '.00'
      // 将数值截取为小数部分和整数部分
      const valueArray = value.toString().split('.')
      if (valueArray.length === 2) { // 有小数部分
        floatPart = valueArray[1].toString() // 取得小数部分
        // console.log('如果有小数,返回---', intPartFormat + '.' + floatPart)
        return intPartFormat
      }
      // console.log('如果有小数,返回111---', intPartFormat + '.' + floatPart)
      return intPartFormat
    },

身份证号脱敏

judgeCard (val) {
      if (!val) return ''
      let reg = /^(.{3}).*(.{2})$/
      return val.replace(reg, '$1*************$2')
    },

参考链接

  • 5
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中进行中文姓名和公民身份号码的脱敏可以通过以下方式实现: 1. 中文姓名脱敏: 可以使用Vue的计算属性来处理中文姓名脱敏。首先,将原始的中文姓名存储在data中的一个变量中,然后创建一个计算属性来返回脱敏后的姓名。在计算属性中,可以使用字符串的截取和替换方法来实现脱敏操作。具体代码如下: ```html <template> <div> <p>原始姓名:{{ originalName }}</p> <p>脱敏姓名:{{ maskedName }}</p> </div> </template> <script> export default { data() { return { originalName: '李**', }; }, computed: { maskedName() { return this.originalName.substr(0, 1) + '*'.repeat(this.originalName.length - 1); }, }, }; </script> ``` 2. 公民身份号码脱敏: 同样地,可以使用Vue的计算属性来处理公民身份号码的脱敏。首先,将原始的身份号码存储在data中的一个变量中,然后创建一个计算属性来返回脱敏后的号码。在计算属性中,可以使用字符串的截取和替换方法来实现脱敏操作。具体代码如下: ```html <template> <div> <p>原始身份号码:{{ originalID }}</p> <p>脱敏身份号码:{{ maskedID }}</p> </div> </template> <script> export default { data() { return { originalID: '32***********62', }; }, computed: { maskedID() { return this.originalID.substr(0, 2) + '*'.repeat(this.originalID.length - 4) + this.originalID.substr(-2); }, }, }; </script> ``` 这样,通过计算属性的方式,可以在Vue中实现中文姓名和公民身份号码的脱敏操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值