小程序错误：Setting data field collected to undefined is invalid.

在实现新闻小程序的文章收藏功能时，第一次点击新闻详情时控制台正常输出，但是当我第再次点击查看其他文章详情的时候，控制台会抛出错误：Setting data field "collected" to undefined is invalid.

经过一下午的时间，终于解决了这个错误。

出现这个错误的原因是在页面加载时会从缓存里获取文章的收藏状态，只有点进文章详情时，才会将该文章的收藏状态存到缓存里。没有点进过的文章的收藏状态是为空的。在小程序里，数据如果为空，会将其转为undefined。所以系统会抛出这个错误。

解决方法：进行setDate操作之前对postCollected进行判断，判断其是否为空。如果为空则将collected设为false，收藏按钮将会显示灰色的图片。

var postsCollected = wx.getStorageSync("posts_collected");// ----问题所在位置----if(postsCollected){  //postsCollected为真的情况，在缓存中存在// debugger;var postCollected = postsCollected[postId];  // 读取其中一个缓存状态// this.setData.postsCollected = postsCollected;// 需要对获取到的状态做判断，如果没有点击过收藏按钮的文章，缓存中是没有这个数据的，所有会提示collected undefinedif(!postCollected){this.setData({collected: false})}else{this.setData({collected: postCollected})}

小程序错误：Setting data field collected to undefined is invalid.相关推荐

微信小程序 - Setting data field “xxx“ to undefined is invalid.报错原因及解决方案
前言 ## 完整报错(SEO) ## 翻译: 将数据字段"XXX"设置为未定义是无效的. Setting data field "xxx" to undefin ...
微信小程序——tap undefined Setting data field currType to undefined is invalid.
微信小程序,点击tap 赋值报这个错误. tapType: function (e){ var that = this; console.log(e) const currType = e.curre ...
微信小程序错误监控方法谈
对于小程序开发者来说,如何进行错误监控一直是个头疼的问题.由于小程序开发迭代较快,会存在系统问题,机型问题和版本的兼容问题,有时候我们在自行测试中完美运行,可总是有用户抱怨使用异常.如果我们对小程序的 ...
微信小程序报Cannot read property ‘setData‘ of undefined的错误
微信小程序报Cannot read property 'setData' of undefined的错误最近在学习开发微信小程序,记录下项目中遇到的一个报错. 具体报错如下: 这时打印下this发现 ...
小程序--错误{errcode:40029,errmsg:invalid code, hints: [ req_id: weh8ka0297hc58 ]}
1 小程序–错误{"errcode":40029,"errmsg":"invalid code, hints: [ req_id: weh8ka029 ...
小程序中Cannot read property ‘setData‘ of undefined问题的解决
小程序中Cannot read property 'setData' of undefined问题的解决参考文章: (1)小程序中Cannot read property 'setData' of ...
反编译微信小程序错误: $gwx is not defined和__vd_version_info__ is not defined 已解决
前言 $gwx is not defined 报错 __vd_version_info__ is not defined 报错请看由于微信小程序内部升级的原因,最近github上的wxappUnp ...
微信小程序 - 云开发data exceed max size 解决方案
GitHub Demo 地址: jh-weapp-demo 实现一些常用效果.封装通用组件和工具类小程序码在使用云开发时,对单个字段是数组类型的数据进行更新操作时,报了一个错(只在真机出现),da ...
小程序如何用data的数据控制页面展示_17. 教你零基础搭建小程序：小程序事件绑定（1）
本章以及下一章学习小程序的事件绑定,我们通过一个案例来讲解其中相关的知识点,便于大家理解哦~~ 首先,先来看这个案例的需求. 我们使用画图工具,先在上面绘制一个小程序页面,如下图: 再在页面的最上方放 ...
微信小程序报Cannot read property 'setData' of undefined的错误
最近在学习微信小程序的开发,让我吐槽的是,都9102年了,怎么还是有有时不能复制,有时不能打中文的bug呢,这个时候,你可以Ctrl+shift+w一下,如果还不行,那就得重启了.. 进入正题吧,刚在 ...

小程序错误：Setting data field collected to undefined is invalid.

小程序错误：Setting data field collected to undefined is invalid.相关推荐

最新文章

热门文章