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) {&nbsp; &nbsp; delete this.Carditem[text]}