首页 > 解决方案 > 未定义属性或方法“索引”。创建新项目时 Vue.js

问题描述

我有一个创建新元素的按钮,当我创建一个新元素时,我将它添加到“添加”数组中并执行 v-for,我尝试传递索引以便能够枚举,但它告诉我它是没有定义的

模板中:

<tr is="child" v-for="(item, index) in added" :key="index" v-on:remove="added.splice(index, 1)"
                            :id="item.id"
                            :name="item.name"
                            :lastname="item.lastname"
                            :pack="item.pack"
                            :type="item.type"
                            :size="item.size"
                            :color="item.color">
 </tr>

模板中。

<tr class="no-border-top">
    <th class="align-middle" scope="row">{{ index }}</th>
</tr>

日志:

[Vue 警告]:属性或方法“索引”未在实例上定义,但在渲染期间被引用。通过初始化该属性,确保该属性是反应性的,无论是在数据选项中,还是对于基于类的组件。请参阅:https ://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties 。

标签: vue.jsundefined

解决方案


推荐阅读