首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Vue.js -从数组中获取N个元素-未定义

Vue.js -从数组中获取N个元素-未定义
EN

Stack Overflow用户
提问于 2019-06-03 00:48:49
回答 2查看 360关注 0票数 1

我的Vue.JS代码有一些问题。我需要获取数组的第5个元素,它工作得很好,但Vue也显示了几个错误

为了获取我的数据,我使用了以下代码:

代码语言:javascript
复制
<div>
  <span>{{ items[4].name }}</span>
</div>

它工作得很好(Vue显示数据),但我在控制台中也有这个错误:

代码语言:javascript
复制
[Vue warn]: Error in render: "TypeError: _vm.items[4] is undefined"

found in

---> <GeneralComponent> at resources/js/components/GeneralComponent.vue
       <General> at resources/js/views/General.vue
         <App> at resources/js/views/App.vue
           <Root>


TypeError: "_vm.items[4] is undefined"
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-06-03 01:05:16

我认为你的数组是在你的dom中被访问后被填充的,所以你可以像这样尝试:

代码语言:javascript
复制
{{ items[4] && items[4].name }}
票数 2
EN

Stack Overflow用户

发布于 2019-06-03 01:05:54

您试图在呈现元素之前获取元素,因此我建议您首先检查长度

代码语言:javascript
复制
<div v-if='items.lenght>0'>
   <span>{{ items[4].name }}</span>
</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56417025

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档