微信小程序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

相关文章

Spring的RedisTemplate的json反序列泛型丢失问题解决

《Spring的RedisTemplate的json反序列泛型丢失问题解决》本文主要介绍了SpringRedisTemplate中使用JSON序列化时泛型信息丢失的问题及其提出三种解决方案,可以根据性... 目录背景解决方案方案一方案二方案三总结背景在使用RedisTemplate操作redis时我们针对

SpringBoot整合Dubbo+ZK注册失败的坑及解决

《SpringBoot整合Dubbo+ZK注册失败的坑及解决》使用Dubbo框架时,需在公共pom添加依赖,启动类加@EnableDubbo,实现类用@DubboService替代@Service,配... 目录1.先看下公共的pom(maven创建的pom工程)2.启动类上加@EnableDubbo3.实

nginx中端口无权限的问题解决

《nginx中端口无权限的问题解决》当Nginx日志报错bind()to80failed(13:Permissiondenied)时,这通常是由于权限不足导致Nginx无法绑定到80端口,下面就来... 目录一、问题原因分析二、解决方案1. 以 root 权限运行 Nginx(不推荐)2. 为 Nginx

解决1093 - You can‘t specify target table报错问题及原因分析

《解决1093-Youcan‘tspecifytargettable报错问题及原因分析》MySQL1093错误因UPDATE/DELETE语句的FROM子句直接引用目标表或嵌套子查询导致,... 目录报js错原因分析具体原因解决办法方法一:使用临时表方法二:使用JOIN方法三:使用EXISTS示例总结报错原

Windows环境下解决Matplotlib中文字体显示问题的详细教程

《Windows环境下解决Matplotlib中文字体显示问题的详细教程》本文详细介绍了在Windows下解决Matplotlib中文显示问题的方法,包括安装字体、更新缓存、配置文件设置及编码調整,并... 目录引言问题分析解决方案详解1. 检查系统已安装字体2. 手动添加中文字体(以SimHei为例)步骤

Spring Boot 结合 WxJava 实现文章上传微信公众号草稿箱与群发

《SpringBoot结合WxJava实现文章上传微信公众号草稿箱与群发》本文将详细介绍如何使用SpringBoot框架结合WxJava开发工具包,实现文章上传到微信公众号草稿箱以及群发功能,... 目录一、项目环境准备1.1 开发环境1.2 微信公众号准备二、Spring Boot 项目搭建2.1 创建

nginx 负载均衡配置及如何解决重复登录问题

《nginx负载均衡配置及如何解决重复登录问题》文章详解Nginx源码安装与Docker部署,介绍四层/七层代理区别及负载均衡策略,通过ip_hash解决重复登录问题,对nginx负载均衡配置及如何... 目录一:源码安装:1.配置编译参数2.编译3.编译安装 二,四层代理和七层代理区别1.二者混合使用举例

golang程序打包成脚本部署到Linux系统方式

《golang程序打包成脚本部署到Linux系统方式》Golang程序通过本地编译(设置GOOS为linux生成无后缀二进制文件),上传至Linux服务器后赋权执行,使用nohup命令实现后台运行,完... 目录本地编译golang程序上传Golang二进制文件到linux服务器总结本地编译Golang程序

Java中读取YAML文件配置信息常见问题及解决方法

《Java中读取YAML文件配置信息常见问题及解决方法》:本文主要介绍Java中读取YAML文件配置信息常见问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录1 使用Spring Boot的@ConfigurationProperties2. 使用@Valu

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

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