search

sendya / preview-pro

Use pro-layout in vitejs. preview https://sendya.github.io/preview-pro/index.html
MIT License
107 stars 39 forks source link

使用 antd design vue 中的Modal组件，关闭时闪烁一下 #8

Open luzhaoxuan opened 1 year ago

aipyfans commented 1 year ago

@luzhaoxuan 确实是这样的，我直接是在作者提供的demo尝试的，可以100%将问题复现 @sendya

xiemeng commented 1 year ago

没人处理啊，

aipyfans commented 1 year ago

@xiemeng @luzhaoxuan 可以通过添加内部属性【transitionName=""】移除动画，就不会在关闭时闪烁一下了，但是需要注意的是。该属性为内部属性，官方文档没有进行相应的说明，不保证下个大版本重构时该属性会被保留。所以最好还是能通过优化父组件的渲染来解决。

<a-modal transitionName=""></a-modal>

xiemeng commented 1 year ago

@xiemeng @luzhaoxuan 可以通过添加内部属性【transitionName=""】移除动画，就不会在关闭时闪烁一下了，但是需要注意的是。该属性为内部属性，官方文档没有进行相应的说明，不保证下个大版本重构时该属性会被保留。所以最好还是能通过优化父组件的渲染来解决。

<a-modal transitionName=""></a-modal>

好的，感谢，能解决问题先

Qiu-Qiuoh commented 8 months ago

仓库的App.vue文件中的 .zoom-leave-active 样式污染导致的，去掉就行。