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>

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

2 个答案: