[dialog] 弹框外层用v-if控制时，没有过渡动画

[gitsheny]

tdesign-vue-next 版本

1.9.5

重现链接

https://stackblitz.com/edit/vitejs-vite-atblcu?file=src%2FApp.vue

重现步骤

我封装了一个组件，组件内使用了弹框。 当我使用v-if控制组件显示，并用同一个值传递给组件内部弹框的visible。 此时弹窗的过渡动画失效

期望结果

弹窗显示过渡动画

实际结果

弹窗的过渡动画失效

框架版本

3.4.27

浏览器版本

Chrome(124.0.6367.208)

系统版本

win10

Node版本

20.12.2

补充说明

No response

[github-actions[bot]]

👋 @gitsheny，感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[uyarn]

一定要用v-if吗 🤔

[gitsheny]

一定要用v-if吗 🤔

首页上挂载的组件比较多，不想一进去就全加载。 否则我只能在组件内通过延迟赋值给dialog来显示动画了😒

[a145789]

可以这样 试下 ，在外层使用 v-if ，dom 直接就会被卸载，dialog 应该是来不及触发动画的，可以等待动画完成再去卸载组件