Use Dropdown in TABS to define a drop-down menu: visible="true", it will be rendered twice

- [x] I have searched the [issues](https://github.com/vueComponent/ant-design-vue/issues)         of this repository and believe that this is not a duplicate.
        
        
### Version
3.0.0-beta.10

### Environment
win11 vue3 

### Reproduction link
[https://codesandbox.io/s/mystifying-hugle-sw680i?file=/src/demo.vue](https://codesandbox.io/s/mystifying-hugle-sw680i?file=/src/demo.vue)

### Steps to reproduce
<template>
<div class="content_bg height100" style="padding:0;">
<Tabs v-model:activeKey="state.activeKey" type="editable-card" class="tabsClass" :destroyInactiveTabPane="true">
<TabPane :closable="false" v-for="(item,index) in state.tableViewArr" :key="item.id">
<template #tab>
<div class="tabPane-box position-relative">
<svg class="icon tabPane-icon" aria-hidden="true">
<use xlink:href="#icona-biaogeshitu1"></use>
</svg>
<div>
<span class="tabPane-title text-overflow" v-if="item.isInput == false"
@dblclick="rename(item,index)">{{ item.title }}</span>
<a-input style="width:150px;" class="input-css tablesInput-tab" v-model:value="item.title"
@blur="inputBlur(index)" @keyup.enter="inputBlur(index)" v-else/>
</div>
<Dropdown :visible="item.tabsDropdown" :trigger="['click']"
@visibleChange="e => tabVisibleChange(e,index)">
<div>
<i class="iconfont iconshezhi"></i>
</div>
<template #overlay>
<div class="header-menu-div-box">
<ul class="header-menu-ul">
<li class="header-menu-li" @click="rename(item,index)">
<div class="header-menu-title-box">
<span class="iconfont iconxiugailie"></span>
<span class="li-title">重命名</span>
</div>
</li>
<li class="header-menu-li">
<div class="header-menu-title-box">
<span class="iconfont icona-fuzhi6-01"></span>
<span class="li-title">复制视图</span>
</div>
</li>
<li class="header-menu-li">
<div class="header-menu-title-box">
<span class="iconfont iconshanchu"></span>
<span class="li-title">删除视图</span>
</div>
</li>
</ul>
</div>
</template>
</Dropdown>
<div class="tabPane-line"></div>
</div>
</template>
<div style="height:100%;background-color:#fff;">
<Table/>
</div>
</TabPane>
<template #addIcon>
<Dropdown :visible="true" :trigger="['click']" @visibleChange="addDropdownChange">
<a class="ant-dropdown-link" @click.prevent>
<PlusOutlined />
</a>
<template #overlay>
<div class="header-menu-div-box">
<ul class="header-menu-ul">
<li class="header-menu-li">
<div class="header-menu-title-box">
<span class="iconfont iconxiugailie"></span>
<span class="li-title">表格视图</span>
</div>
</li>
<li class="header-menu-li">
<div class="header-menu-title-box">
<span class="iconfont icona-fuzhi6-01"></span>
<span class="li-title">图表视图</span>
</div>
</li>
</ul>
</div>
</template>
</Dropdown>
</template>
</Tabs>
</div>
</template>

<script setup>
import {nextTick, reactive} from "vue";
// 引入样式
import "./css/tabs.less";
// 引入表格
import Table from "./table.vue";
// 引入jq
import $ from "jquery";
import {
PlusOutlined
} from "@ant-design/icons-vue"
import {
Tabs,
TabPane,
Dropdown
} from "ant-design-vue"
// 默认需要用到的属性
const state = reactive({
activeKey: 1,
// 添加视图的下拉菜单
addVisible:false,
// 假数据
tableViewArr: [
{title: "视图1", id: 1, tabsDropdown: false, isInput: false},
{title: "视图2", id: 2, tabsDropdown: false, isInput: false},
{title: "视图3", id: 3, tabsDropdown: false, isInput: false},
],
});
// 重命名方法
const rename = (item, index) => {
state.tableViewArr[index].tabsDropdown = false;
state.tableViewArr[index].isInput = true;
nextTick(() => {
$(".tablesInput-tab").focus();
})
};
// 文本框失去焦点事件
const inputBlur = (index) => {
state.tableViewArr[index].isInput = false;
};
// 下拉菜单的改变事件
const tabVisibleChange = (e, index) => {
console.log(e);
state.tableViewArr[index].tabsDropdown = e;
};
// 添加视图的下拉菜单改变事件
const addDropdownChange = (e) =>{
console.log(e);
state.addVisible = e;
}
const onEdit = (e) =>{
console.log(e);
}
console.log("哈哈")
</script>

<style scoped>

</style>


### What is expected?
期望修复

### What is actually happening?
重复渲染

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Use Dropdown in TABS to define a drop-down menu: visible="true", it will be rendered twice #5411

Version

Environment

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Use Dropdown in TABS to define a drop-down menu: visible="true", it will be rendered twice #5411

Description

Version

Environment

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions