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

话不多说,直接上代码。正确的写法:

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

 

你可能感兴趣的:(微信小程序)