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

2024-01-22 18:38

本文主要是介绍微信小程序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,});},})},

这篇关于微信小程序Cannot read property ‘setData‘ of null错误(已解决)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/633876

相关文章

C++中NULL与nullptr的区别小结

《C++中NULL与nullptr的区别小结》本文介绍了C++编程中NULL与nullptr的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编... 目录C++98空值——NULLC++11空值——nullptr区别对比示例 C++98空值——NUL

使用Docker构建Python Flask程序的详细教程

《使用Docker构建PythonFlask程序的详细教程》在当今的软件开发领域,容器化技术正变得越来越流行,而Docker无疑是其中的佼佼者,本文我们就来聊聊如何使用Docker构建一个简单的Py... 目录引言一、准备工作二、创建 Flask 应用程序三、创建 dockerfile四、构建 Docker

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

SQL Server配置管理器无法打开的四种解决方法

《SQLServer配置管理器无法打开的四种解决方法》本文总结了SQLServer配置管理器无法打开的四种解决方法,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录方法一:桌面图标进入方法二:运行窗口进入检查版本号对照表php方法三:查找文件路径方法四:检查 S

Redis出现中文乱码的问题及解决

《Redis出现中文乱码的问题及解决》:本文主要介绍Redis出现中文乱码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 问题的产生2China编程. 问题的解决redihttp://www.chinasem.cns数据进制问题的解决中文乱码问题解决总结

java向微信服务号发送消息的完整步骤实例

《java向微信服务号发送消息的完整步骤实例》:本文主要介绍java向微信服务号发送消息的相关资料,包括申请测试号获取appID/appsecret、关注公众号获取openID、配置消息模板及代码... 目录步骤1. 申请测试系统2. 公众号账号信息3. 关注测试号二维码4. 消息模板接口5. Java测试

Python中Tensorflow无法调用GPU问题的解决方法

《Python中Tensorflow无法调用GPU问题的解决方法》文章详解如何解决TensorFlow在Windows无法识别GPU的问题,需降级至2.10版本,安装匹配CUDA11.2和cuDNN... 当用以下代码查看GPU数量时,gpuspython返回的是一个空列表,说明tensorflow没有找到

解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题

《解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题》:本文主要介绍解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4... 目录未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘打开pom.XM

XML重复查询一条Sql语句的解决方法

《XML重复查询一条Sql语句的解决方法》文章分析了XML重复查询与日志失效问题,指出因DTO缺少@Data注解导致日志无法格式化、空指针风险及参数穿透,进而引发性能灾难,解决方案为在Controll... 目录一、核心问题:从SQL重复执行到日志失效二、根因剖析:DTO断裂引发的级联故障三、解决方案:修复

IDEA Maven提示:未解析的依赖项的问题及解决

《IDEAMaven提示:未解析的依赖项的问题及解决》:本文主要介绍IDEAMaven提示:未解析的依赖项的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录IDEA Maven提示:未解析的依编程赖项例如总结IDEA Maven提示:未解析的依赖项例如