原生微信小程序实现号码隐藏,用****代替

Cynthia-dong

已于 2022-07-01 15:29:19 修改

阅读量2k

点赞数 1

文章标签：微信小程序小程序前端

于 2022-03-15 15:41:41 首次发布

本文链接：https://blog.csdn.net/weixin_48372590/article/details/123504064

版权

本文介绍了如何在原生微信小程序中实现手机号码的安全显示，通过定义初始值、使用WXML组件、在生命周期函数中应用正则表达式进行替换，并在微信开发者工具中编译查看效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先在js文件里面定义初始值

  data: {
tel:'18144446666',
idCard:'4409821999001012222'
  },

2、然后在wxml文件里面用，这里的cell是一个组件

    <cell title="法人身份证号" value="{{idCard}}" valueAlign="right" border></cell>
    <cell title="手机号码" value="{{tel}}" valueAlign="right" border></cell>

3、然后在生命周期函数里面修改并且更新值，用的是正则表达式，这里说一下，小程序获取值用的是this.data.XXX，更新值是在this.setData()里面包一个对象，和vue不太一样

   let str = this.data.tel
    let str1=this.data.idCard
     let enStr = str.replace(/(\d{3})\d*(\d{4})/,"$1****$2") 
     let enStr1 = str1.replace(/(\d{4})\d*(\d{4})/,"$1****$2") 
     this.setData({tel:enStr,idCard:enStr1})