欢迎光临
感谢一路有你

小程序中在解决在回调success中无法使用data数据解决方案

如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
 

问题:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    ss:'11'
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(this.data.ss)//可打印
    wx.request({
      url: 'http://**********',
      data: '',
      header: {
        appkey: '******IXd9qP0'
      },
      method: 'GET',
      dataType: 'json',
      responseType: 'text',
      success: function(res) {
        console.log(res)
        console.log(this.data.ss) //会报错
      },
      
    })
  },
}

解决1:

Page({

  /**
   * 页面的初始数据
   */
  data: {
    ss:'11'
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(this.data.ss)//可打印
    let that=this   ///////////////////解决方案1
    wx.request({
      url: 'http://**********',
      data: '',
      header: {
        appkey: '******IXd9qP0'
      },
      method: 'GET',
      dataType: 'json',
      responseType: 'text',
      success: function(res) {
        console.log(res)
        console.log(that.data.ss) //正常显示
      },
      
    })
  },
}

解决2 使用es6箭头函数

Page({

  /**
   * 页面的初始数据
   */
  data: {
    ss:'11'
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(this.data.ss)//可打印
    wx.request({
      url: 'http://**********',
      data: '',
      header: {
        appkey: '******IXd9qP0'
      },
      method: 'GET',
      dataType: 'json',
      responseType: 'text',
      success:(res)=> {
        console.log(res)
        console.log(this.data.ss) //正常显示
      },
      
    })
  },
}

 

 

赞(1) 打赏
未经允许不得转载:王明昌博客 » 小程序中在解决在回调success中无法使用data数据解决方案
分享到: 更多 (0)

相关推荐

  • 暂无文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮