时间戳

首页 > 解决方案 > Vue.js - 从数组中获取 N 元素 - 未定义

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

问题描述

我的 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"

标签： javascriptarraysvue.js

解决方案

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

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

推荐阅读