antd中tag标签关闭后同时关闭两个

最新推荐文章于 2024-03-27 14:30:41 发布

嘉然今天刷算法

最新推荐文章于 2024-03-27 14:30:41 发布

阅读量289

点赞数

分类专栏： BUG记录 vue3 文章标签： vue.js typescript vue 前端 javascript

本文链接：https://blog.csdn.net/m0_47020822/article/details/127566827

版权

BUG记录同时被 2 个专栏收录

4 篇文章 1 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

antd标签在点击触发关闭事件时，关闭其中一个的时候，数据正常，但页面上却少了两个标签
在这里插入图片描述
下面白字的数据是只关闭了第一个，但上面的tag却减少了两个
解决方法：为tag加上key

          <a-tag
            :color="selectedTag == item ? '#108ee9' : '#2db7f5'"
            closable
            v-for="item in state.selectedTableList"
            style="margin: 1rem"
            @close="(e) => tableClick(item)"
            @click="clickTag(item)"
            :key="item.id"
            >{{ item.name }}</a-tag
          >