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

我的Vue.JS代码有一些问题。我需要获得数组的第5个元素，它工作正常，但Vue显示也有一些错误

为了获取数据，我使用了以下代码：

<div>
  <span>{{ items[4].name }}</span>
</div>

{{items[4].name}

它工作正常（Vue显示数据），但我在控制台中也有此错误：

[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"

[Vue warn]：呈现错误：“TypeError:\u vm.items[4]未定义”
发现于
--->位于resources/js/components/GeneralComponent.vue
参考资料/js/views/General.vue
在参考资料/js/views/App.vue
TypeError:“\u vm.items[4]未定义”

我认为数组在dom中被访问后会被填充，所以您可以这样尝试：

{{ items[4] && items[4].name }}

---

您正在尝试在渲染元素之前获取它，所以我会说首先检查长度

<div v-if='items.lenght>0'>
   <span>{{ items[4].name }}</span>
</div>

{{items[4].name}

是否检查了数组长度？它是否包含5个元素或更少？您可以发布更多您正在使用的代码吗？

数据

对象看起来像什么？。。。需要更多的代码来帮助..您是通过api还是其他方式加载数据的？在引用

名称之前，必须确保
项目
和
项目[4]
实际可用-例如
{{{items[4].name}