1:ant-design-vue版本:^4.2.6;
2:代码描述:
<a-tag v-for="(item,index) in tags" :key="index" :closable="true" @close="handleClose(index)">
{{ item }}
const tags = ['tag1','tag2','tag3','tag4'];
const handleClose = (index) => {
tags.splice(index,1)
}
3:执行删除第三个数据,再删除第一个数据,会删除全部数据,但是tags实际是还有一条数据的,用console.log也能显示最后一条数据
4:如果将key做如下修改:key="index + uuid"(uuid获取方法,此处不做描述),删除操作就不再如3描述的问题了。
1:ant-design-vue版本:^4.2.6;
2:代码描述:
<a-tag v-for="(item,index) in tags" :key="index" :closable="true" @close="handleClose(index)">
{{ item }}
const tags = ['tag1','tag2','tag3','tag4'];
const handleClose = (index) => {
tags.splice(index,1)
}
3:执行删除第三个数据,再删除第一个数据,会删除全部数据,但是tags实际是还有一条数据的,用console.log也能显示最后一条数据
4:如果将key做如下修改:key="index + uuid"(uuid获取方法,此处不做描述),删除操作就不再如3描述的问题了。