javascript - 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 }}