antdesign tag 组件 关闭多删除问题

antdesign tag 组件 关闭多删除问题

问题：点击 tag 组件右边的 × 号，会一下子删除两个 tag 标签(真是稀奇古怪)

原因：close 作为关闭时的回调，会根据你 v-for 遍历循环时的 key 对相应的标签变化，同时可以在回调中通过这个关键 key 来删除数组中的对应元素

方法：不要为了图省事 在 v-for 时直接将 index 作为 :key ,换作遍历项的 id 最好，多删除的问题也迎刃而解了。

示例代码

//错误示例
<a-tag v-for="(item,index) in 数组" :key="index" @close="log">Tag 1</a-tag>

//正确示例
 <a-tag v-for="(item,index) in 数组" :key="item.id" @close="log">Tag 1</a-tag>

可以评论讨论，我觉得点叉号根据下标 index ，而index会变化，导致多删除问题