a-tag 删除异常
作者: mexiaoyao创建于 2026年1月26日更新于 2026年1月26日
- ant-design-vue 版本:^4.2.6;
- 代码描述:
<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 中描述的问题了。
内容来源: seajs/seajs