原生小程序在获取接口数据时对数据进行处理并渲染在页面

Cynthia-dong

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

阅读量1.1k

点赞数 3

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

于 2022-03-17 14:08:58 首次发布

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

版权

1、在data里面定义初始数据-这里是一个对象

2、小程序生命周期onLoad里面请求获取信息的接口，并且在setData里面对想要改变的值进行处理

  onLoad: function (options) {
commonApi.getAccountUserData().then(res=>{
  this.setData({
  info:{
    idcard: res.data.idcard.replace(/(\d{4})\d*(\d{4})/,"$1****$2") ,
    avatar: res.data.avatar,
    nickname: res.data.nickname,
    as_account:res.data.as_account,
    account_bind_status:res.data.account_bind_status,
    phone: res.data.phone.replace(/(\d{3})\d*(\d{4})/,"$1****$2") ,
    name:res.data.name
  }
  
  })
})
  },