下面的代码，在nvue下，点击删除按钮，会闪退，注意是点击最后一个button按钮出现的。
<template>
<view>
<view v-for="(item, index) in dataList" :key="item.index">
<view>
<text>{{item.Name}}</text>
<button type="default" size="mini" @click="delItem(index)">删除</button>
</view>
</view>
</view> </template>
<script>
export default {
data() {
return {
dataList: [
{
Name:'Name1'
},
{
Name:'Name2'
},
{
Name:'Name3'
},
{
Name:'Name4'
},
{
Name:'Name5'
},
{
Name:'Name6'
}
]
};
},
methods: {
modify(d) {
var index = this.dataList.findIndex(item => {
if (item.Id == d.Id) {
return true;
}
});
this.dataList[index] = d;
},
delItem(index) {
this.dataList.splice(index, 1);
}
}
};
</script>
6 个回复
1***@qq.com - 一个头发茂密的小白
看下删除函数
1***@qq.com - 一个头发茂密的小白
看下删除函数
1***@qq.com - 一个头发茂密的小白
看下删除函数
江南小闫 (作者)
delItem(index) {
this.dataList.splice(index, 1);
}
2020-02-22 18:55
江南小闫 (作者)
delItem(index) {
this.dataList.splice(index, 1);
}
江南小闫 (作者)
删除函数没什么特别的，感觉是button的bug
1***@qq.com - 一个头发茂密的小白
打印一下index