微信小程序数据请求成功后的绑定

最新推荐文章于 2024-04-04 12:38:03 发布

漩涡中的蚂蚁

最新推荐文章于 2024-04-04 12:38:03 发布

阅读量657

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/m0_37626203/article/details/89469721

微信小程序专栏收录该内容

22 篇文章

订阅专栏

话不多说，直接上代码。正确的写法：

  data: {
    userInfo:{
      avatarUrl:"",
      nickName:"",
      province:"",
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var _this = this;
      wx.getSetting({
        success(res){
          if(res.authSetting['scope.userInfo']){
            wx.getUserInfo({
              success(res){
                _this.setData({userInfo:res.userInfo});
              }
            })
          }
        }
      })
  },

错误的写法：虽然写出来了没有报错，执行也没有报错。但是数据并不能成功绑定。

  data: {
    userInfo:{
      avatarUrl:"",
      nickName:"",
      province:"",
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      wx.getSetting({
        success(res){
          if(res.authSetting['scope.userInfo']){
            wx.getUserInfo({
              success(res){
                this.setData({userInfo:res.userInfo});
                //或者是
                wx.setData({
                  "userInfo":res.userInfo
                });
              }
            })
          }
        }
      })
  },