加入收藏 插件商城
QQ咨询 官方微信

添加微信好友

 官方小程序

百度小程序

微信小程序

头条小程序

 关于我们
close
close
15137100750

vue教程

首页 > 前端框架 > vue教程 >

[Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“报错原因和解决

 admin  2022-09-03 17:35:48
页面能够正常渲染出界面，但控制台仍然报出“Error in render: "TypeError: Cannot read property ‘0’ of undefined”错误，什么情况？


原因：

vuex中state管理加载的数据，异步调用显示，然后vue渲染机制

异步数据先显示初始数据，再显示带数据的数据，所以上来加载时候还是一个空对象，当渲染完成后，才加载异步数据

所以在渲染时，出现的三层表达式中取数组中的小标为0的对象还不存在，再在这个对象中取其他值自然会报错。

但是渲染完成后，数组中的值加载好了，自然可以取到，这也就解释了为什么界面正常显示，但开发者工具会报错的原因。

解决：
在div中添加 v-if 判断条件，如果数据取不到，则不加载该div即可解决
注意：这里的判断不能用 v-show，因为 v-show 机制是加载后判断


网站关键词 Vue TypeError
￥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏，我们将继续分享更多优质内容，让我们一起创建更加美好的网络世界！

支付宝扫一扫打赏

微信扫一扫打赏

本文《[Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“报错原因和解决》发布于石头博客文章，作者：admin，如若转载，请注明出处：https://www.pweb123.com/frame/vue/906.html，否则禁止转载，谢谢配合!
上一篇：vue的过滤器
下一篇：vue中的ajax一般放在哪个生命周期中

您可能感兴趣

文章点评

我来说两句 已有0条评论
点击图片更换
登录 | 注册
phpcms小程序插件
dedecms小程序插件
pbootcms小程序插件
迅睿小程序插件
易优cms小程序插件
phpcms在线付费阅读插件（包含：支付宝支付模块+微信支付模块+付费阅读模块）
phpcms商城模块优化版上线
phpcms v9去掉phpsso修改方案，后台可以直接关闭
phpcms v9修改flash上传为h5上传（webuploader）
phpcms会员中心layui版
阅读排行

添加微信好友

热门栏目
首页 资讯 CMS教程 HTML基础 小程序 插件 SEO 模板
版权所有：郑州腾石网络科技有限公司 备案信息：豫ICP备18019117号-2
站长QQ：2863868475 业务合作咨询：15137100750(同微信)
本站所有投放的广告是有其他网站提供，不代表本站立场，同时网站首页广告位对外出租详情咨询本站站长！同时欢迎广大站长加入个人建站团队
网站地图 XML地图

添加微信好友

微信小程序

百度小程序