VUE中怎么删除数组包裹下的多条数组

Question

<div class="card-list" v-for="(index, text) in Carditem" :key="text"><swipeout v-for="(item,index) in items" :key="index"><div @click="onDeleteCard(item,text)">删除</div>methods: {    onDeleteCard(item,text) {       this.Carditem[text].splice(index,1);    },}做好了

Answer 1

找到item的key，然后delete 就行了

let keys = Object.keys(this.Carditem)

let targetKey = keys.find( key => this.Carditem[key] === item )

delete this.Carditem[targetKey]

更简单的方法是在你的事件处理函数 onDeleteCard 里直接传入key参数。

Vue中使用v-for遍历对象，3个参数分别是(value, key, index)，你把第二个参数传进去就行了,我看你的第二个参数是叫text

<div @click="onDeleteCard(item, text)">删除</div>

onDeleteCard(item, text) {

    delete this.Carditem[text]

}