#1764·seajs

a-tag 删除异常

作者: mexiaoyao创建于 2026年1月26日更新于 2026年1月26日
  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 中描述的问题了。