微信小程序setData报错TypeError: Cannot read property ‘setData‘ of undefined的解决方案

最新推荐文章于 2024-05-26 13:18:16 发布
最新推荐文章于 2024-05-26 13:18:16 发布
阅读量1.4w 收藏 25
点赞数 27
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46419373/article/details/107823779
版权

今天写案例的时候，在onLoad函数中用this.setData重置了一个数值，然后就一直报错，结果如下：
在这里插入图片描述

问题的原因：

无法找到setData这个定义，因为setData中是onLoad函数中的方法中的子节点，
无法使用this

解决方案

这个时候需要在方法的开始部分定义var that = this，然后用that.setData来重置，这样就解决了这个问题了。
如下图：
在这里插入图片描述

_仰望星空的你
关注
  • 27
    点赞
  • 踩
  • 25
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
【微信小程序企业级开发教程】TypeError: Cannot read property ‘data‘ of undefined
李响
02-17 3209
wx.showModal({ title: '提示', content: '这是一个模态弹窗', success (res) { if (res.confirm) { this.data.messageId } else if (res.cancel) { console.log('用户点击取消') } } }) 如果这么写，会遇到“Cannot read property ‘data’ of undefined ”的错误。 如果将succ.
【微信小程序】TypeError: Cannot read property 'setData' of undefined
韩旭051的博客
03-10 8223
解决方案https://www.jianshu.com/p/4f7b33e3e1df 对比分析 success: (res) => { console.log("(res) => { }时：" + this); }, -------------- success: function (res){ console.log(...
微信小程序开发——wx.request中嵌套this.setData报错：this值undefined
最新发布
2301_78409414的博客
05-26 396
微信小程序开发——wx.request中嵌套this.setData报错：this值undefined
微信小程序报错 TypeError: Cannot read property ‘setData‘ of undefined
islanddddddd的博客
01-21 1091
上下文，而是继承自它们的父作用域。这意味着你可以在外部函数中使用箭头函数来保持。这是因为在JavaScript中，函数的上下文（即。的值）是在函数被调用时确定的，而不是在函数被定义时确定的。通常是因为在JavaScript的回调函数中，的当前值，然后在你的回调函数中使用这个变量。选择其中一种方式修改你的代码，应该就可以解决。调用之前，你可以创建一个变量（通常命名为。方法，但是在回调函数的上下文中，的指向不是你所期望的对象。回调函数中被用于调用。箭头函数不会创建自己的。使用箭头函数（推荐）
【黄啊码】微信小程序：Cannot read property ‘data‘ of undefined
黄啊码
10-20 1842
wx.showModal({ title: '提示', content: '这是一个弹窗', success (res) { if (res.confirm) { this.data.messageId } else if (res.cancel) { console.log('用户点击取消') } } }) 如果这么写，会遇到“Cannot read property 'data' of undefined”的错误。、 箭头函数是ES..
【微信小程序】this指代与es6箭头函数处理 Cannot read property ‘data‘ of undefined
川川的博客
02-18 770
this指代let that = this和箭头函数()=>{}处理this作用域问题
微信小程序报错：this.setData is not a function的解决办法
08-29
"微信小程序报错：this.setData is not a function的解决办法" 微信小程序报错：this.setData is not a function是一个常见的错误，特别是在使用微信小程序开发时。在这个错误中，this.setData变成了undefined，...
小程序报错: Uncaught TypeError: Converting circular structure to JSON
03-29
今天把最近一直在开发的小程序放安卓手机上测试一下，结果某个页面就一直报错： Uncaught TypeError: Converting circular structure to JSON 先说一下基本的环境： 系统：Android 6.0.1 手机：小米4 微信版本：...
微信小程序 setData使用方法及常用错误解决办法
08-30
在微信小程序中，`setData` 是用于更新页面数据的关键方法，它允许开发者将数据从 JavaScript 层传递到 WXML（微信小程序的结构层），从而驱动页面视图的更新。然而，`setData` 在处理数组对象时有一些特殊的规定，...
微信小程序错误this.setData报错及解决过程
01-20
在微信小程序开发过程中，开发者可能会遇到“this.setData is not a function”的错误，这通常是由于JavaScript中的作用域问题导致的。本文将深入解析这个问题的原因，并提供有效的解决方案。 首先，我们需要了解...
微信小程序this.setData is not a function报错||TypeError: Cannot read property 'setData' of null
msyqmsyq的博客
09-26 1982
微信小程序this.setData is not a function报错||TypeError: Cannot read property ‘setData’ of null 1. 使用回调函数（方法块).bind(this) 2.在方法块外面声明_this=this来存储this，然后在方法块内用_this便可以正常访问方法与属性 3.使用箭头函数，箭头函数没有自己的this,直接继承外部的t...
小程序中Cannot read property ‘setData‘ of undefined问题的解决
Codernmx
12-27 4722
只用在OntitleClick事件里面给setData外层加上var that = this；就行了 因为在调用 OntitleClick() 之前就已经把 this 复制了一份保存在 that 变量中，你复制的这个this是指向的page中data，那你相当于用这行代码搭了个桥，让that.setData指向了Page中的data 参考地址：https://www.cnblogs.com/chenyuhang/articles/9904119.html ...
微信小程序报错：TypeError: Cannot read property ‘setData‘ of undefined
weixin_43998483的博客
07-19 5286
微信小程序开发时，使用wx.request调用api获取数据，调用api成功后需要给data中的数据赋值，但是却报错：TypeError: Cannot read property ‘setData’ of undefined 原因： 这里的this指向的不是该方法的上级对象，而是指向success这个回调函数，而success这个函数里本身也没有setData这个方法，所以报错了。 解决方法1 将function去掉，写成如下形式，参考：【已解决】TypeError: Cannot read prop
微信小程序开发踩坑：TypeError: Cannot read property 'setData' of undefinedk OR this.setData is not a function
梦之狼的博客
07-12 1161
微信小程序开发过程中，需要使用this.setData来设置变量，偶尔会出现TypeError: Cannot read property ‘setData’ of undefinedk OR this.setData is not a function的报错。 其实这样的异常经常在调用各种API的回调函数（success:function(res) fail:function(res) com...
微信小程序报错：Cannot read property ‘forceUpdate‘ of undefined
断言的博客
04-03 717
微信开发者工具报错：TypeError: Cannot read property 'forceUpdate' of undefined 解决： HBuilder X中添加小程序开发者的appid。如下图：
【解决小程序this指向报错】setData of undefined
瑞新の博客：bennyrhys
05-20 1814
土方法 es6 =>指向避免this指向改变
遇到问题2：onLoad中使用setData无效
qq_43751407的博客
02-13 1034
loginshow}),这样会提示loginshow未定义，只能直接赋值that.setData({ loginshow: true}) 或者 提前定义 let loginshow = true,然后that.setData({ loginshow: loginshow})。
TypeError: Cannot read property 'setData' of undefined如何解决这个报错
weixin_42613360的博客
01-11 3313
这个错误表明你在访问一个未定义的对象的 "setData" 属性。这可能是由于你没有正确引用这个对象或者这个对象没有 "setData" 属性造成的。 解决方法： 检查是否正确引用了这个对象 检查这个对象是否有 "setData" 属性 检查这个对象是否在正确的作用域内 检查你是否正确初始化了这个对象 如果无法解决问题，请提供更多上下文代码和细节，我将尽力帮助您。 ...
微信小程序报错TypeError: Cannot read property 'context' of undefined
08-23
根据提供的引用内容，&quot;TypeError: Cannot read property 'context' of undefined&quot;是微信小程序报错的一种情况。该错误通常发生在尝试访问未定义（undefined）对象的属性时。出现这个错误的原因可能是在代码中尝试访问一个不存在或未定义的对象的属性。 解决这个问题的方法可以包括以下步骤： 1. 首先，检查代码中出现错误的地方，找到引发错误的行数和具体位置。 2. 确认是否在访问属性之前正确地定义了对象。可以使用console.log()或其他调试方法来查看对象的值和属性。 3. 确保对象存在并且已经正确初始化。如果对象为空或未定义，可能需要检查代码逻辑并确保正确初始化该对象。 4. 如果是异步操作，确保在获取到需要的数据后再进行属性访问操作。可能需要使用回调函数、Promise或async/await等方式来处理异步操作。 5. 使用条件语句或try-catch语句来捕获可能导致错误的情况，以避免程序崩溃。 6. 如果以上方法都无法解决问题，可以参考微信官方文档或开发者社区中的相关讨论，寻求更具体的解决方案。 需要注意的是，具体解决方法可能因为代码的不同而有所差异，因此建议根据自己的代码情况来选择合适的方法来解决该错误。<span class=&quot;em&quot;>1</span><span class=&quot;em&quot;>2</span><span class=&quot;em&quot;>3</span> #### 引用[.reference_title] - *1* *2* [微信小程序 报错：TypeError: Cannot read property &lsquo;setData&lsquo; of undefined 及两种解决方法](https://blog.csdn.net/qq_43263320/article/details/113706520)[target=&quot;_blank&quot; data-report-click={&quot;spm&quot;:&quot;1018.2226.3001.9630&quot;,&quot;extra&quot;:{&quot;utm_source&quot;:&quot;vip_chatgpt_common_search_pc_result&quot;,&quot;utm_medium&quot;:&quot;distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1&quot;}}] [.reference_item style=&quot;max-width: 50%&quot;] - *3* [微信小程序报错: thirdScriptError的错误问题](https://download.csdn.net/download/weixin_38499349/13129051)[target=&quot;_blank&quot; data-report-click={&quot;spm&quot;:&quot;1018.2226.3001.9630&quot;,&quot;extra&quot;:{&quot;utm_source&quot;:&quot;vip_chatgpt_common_search_pc_result&quot;,&quot;utm_medium&quot;:&quot;distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1&quot;}}] [.reference_item style=&quot;max-width: 50%&quot;] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值