微信小程序Cannot read property ‘setData‘ of null错误(已解决)

本文主要是介绍微信小程序Cannot read property ‘setData‘ of null错误(已解决)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

场景：在函数内使用了一个网络请求，返回的信息通过setData更新到页面

sendClick: function(e) {// 将新发的消息添加到数组列表中msgList.push({speaker: 'customer',contentType: 'text',content: 'hello,world'})// 在此处可以直接通过this访问this.setData({msgList,});// 发送网络请求wx.request({method: "POST",url: "",data: {'speaker': 'customer','contentType': 'text','content': 'hello,world'},success:function(res){// 获取接收到的信息，然后添加到msgList数组中msgList.push({speaker: res.data['speaker'],contentType: res.data['contentType'],content: res.data['content']})// 更新到页面中this.setData({#这里报错msgList,});},})},

报错:

Cannot read property ‘setData’ of null;at pages/message/message
onReady function;at api request success callback function TypeError:
Cannot read property ‘setData’ of null

在这里插入图片描述

解决：

因为success是闭包，所以在这里使用的this指向的是闭包里面的，自然使用不了setData。解决办法就是在请求外面设置一个临时变量

sendClick: function(e) {// 将新发的消息添加到数组列表中msgList.push({speaker: 'customer',contentType: 'text',content: 'hello,world'})// 在此处可以直接通过this访问this.setData({msgList,});//将this对象复制到临时变量thatvar that = this;// 发送网络请求wx.request({method: "POST",url: "",data: {'speaker': 'customer','contentType': 'text','content': 'hello,world'},success:function(res){// 获取接收到的信息，然后添加到msgList数组中msgList.push({speaker: res.data['speaker'],contentType: res.data['contentType'],content: res.data['content']})// 此时that指向的就是上一层的this对象that.setData({msgList,});},})},