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

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

/**

* 页面的初始数据

data: {

tel:'18144446666',

idCard:'4409821999001012222'

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

3、然后在小程序的生命周期里修改值，用正则表达式，然后用this.setData()包一个对象来更新页面

/**

* 生命周期函数--监听页面加载

onLoad: function (options) {

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})

4、最后在微信开发者工具点一下编译效果就出来啦

原生微信小程序实现号码隐藏，用****代替相关推荐

原生微信小程序使用class 三元运算符实现多选案例
原生微信小程序使用class 三元运算符实现多选案例如下图所示: 1,在vue中开发非常容易实现,使用数组的includes方法判断即可,但是在原生小程序中不可以 2,要及时的对定义的遍历进行set ...
原生微信小程序购物车
原生微信小程序购物车!! 效果: html: <view style="background-color: #eeeeee;height: 100vh;"><vi ...
原生微信小程序自定义组件以及组件间通讯
文章目录前言一.新建组件二.文件介绍 1.index.json 2.index.js 三.在父组件中引入子组件四.父子组件通讯属性绑定事件绑定获取组件实例总结前言当我们在开发项目时 ...
mpvue 微信小程序api_第三方框架与原生微信小程序开发框架性能之比较 | Q荐读...
作者 | 崔红保编辑 | 王莹自 2017年1月9日微信小程序诞生以来,历经 2 年多的迭代升级,已有数百万小程序上线,成为继 Web.iOS.Android 之后,第四大主流开发技术. 与之相随, ...
【微信小程序】---- redux 在原生微信小程序的使用实例
weapp-redux 下载 weapp-redux 使用实例下载预览开发 1. 目标学会 redux 在原生微信小程序的使用: 学习和思考微信小程序中封装 Provider: 2. 引入 re ...
原生微信小程序项目基础框架搭建
原生微信小程序项目基础框架搭建文件目录结构 1. 环境变量(开发环境, 线上环境,测试环境)便于在不同环境的切换接口的url webview的前缀url 埋点相关的环境参数本地存储的环境变量配置 ...
原生微信小程序，scroll-view的使用，一屏两个滚动区域，scroll-y（纵向滚动）
原生微信小程序,scroll-view的使用,一屏两个滚动区域,scroll-y(纵向滚动) 这个会简单很多结构层 <view class="container">& ...
蚂蚁分类信息系统原生微信小程序百度小程序
蚂蚁分类信息系统原生微信小程序百度小程序,系统采用uniapp开发,小程序接口独立开发,兼容蚂蚁分类信息系统数据库.支持微信支付,百度支付
基于原生微信小程序的时间组件
作者的絮叨在开发原生微信小程序的时候,发现很少有基于原生微信小程序开发的相关插件或组件,不知道是不是我的孤陋寡闻,还是真的很少,暂且不管~下面我介绍一下我当时开发的一个时间组件,比较简陋,希望可以给 ...