ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

[Vue warn]: Error in render: "TypeError: Cannot read property '0' of undefined"

2019-09-13 13:42:28  阅读:303  来源: 互联网

标签:TypeError undefined render type 香坊 数组 专送 supports description


分析:
异步请求获得的数据是一个对象,对象中又有数组,直接在子组件中使用数组时需要使用v-if进行判断
数据类型如下:

{"error":0,"data":{"name":"粥品香坊","description":"蜂鸟专送","deliverytime":38,"score":4.2,"serviceScore":4.1,"foodScore":4.3,"supports":[{"type":0,"description":"在线支付满28减5"},{"type":1,"description":"VC无限橙汁全场送"},{"type":2,"description":"优惠卷80抵100"}]}}

文件代码:
在这里插入图片描述
报错信息:
在这里插入图片描述
解决:
添加v-if进行条件判断

<div v-if="seller.supports">支付类型:{{seller.supports[0].description}}</div>

标签:TypeError,undefined,render,type,香坊,数组,专送,supports,description
来源: https://blog.csdn.net/weixin_45034639/article/details/100800789

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有