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

Question

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

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

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

它工作正常（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"

Answer 1

我认为在您的dom中访问它之后，就会填充您的数组，因此您可以这样尝试：

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

Answer 2

您正在尝试在呈现元素之前获取元素，所以我会说先检查长度

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