vue-v-for的key值为什么会一直重复？

Question

AB是两个tab页，切换的时候已经把addlist致为空数组了，js部分打印index值为啥是undefined？求解<div class="tit">区域编号 A</div>      <div class="item" v-for="item in addList" :key="item.index" v-if="addList.length>0">        <el-input v-model="item.shelves_number" disabled></el-input>        <el-input v-model="item.shelves_layer" disabled></el-input>        <el-input v-model="item.shelves_layer_num" disabled></el-input>        <span>{{item.shelves_num}}</span>        <span><button @click="delBtn_2(item.index,addList)">删除</button></span> </div><div class="tit">区域编号 B</div>      <div class="item" v-for="item in addList" :key="item.index" v-if="addList.length>0">        <el-input v-model="item.shelves_number" disabled></el-input>        <el-input v-model="item.shelves_layer" disabled></el-input>        <el-input v-model="item.shelves_layer_num" disabled></el-input>        <span>{{item.shelves_num}}</span>        <span><button @click="delBtn_2(item.index,addList)">删除</button></span> </div>js部分delBtn_2(index,data){       console.log(index);      data.splice(index,1);      this.setList.splice(index,1);

Answer 1

你的addList里面没有index属性吧

Answer 2

自己加上index，v-for=（item，index) in addList