preview-pro icon indicating copy to clipboard operation
preview-pro copied to clipboard

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

Open luzhaoxuan opened this issue 2 years ago • 5 comments

luzhaoxuan avatar Jan 13 '23 07:01 luzhaoxuan

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

aipyfans avatar Feb 01 '23 08:02 aipyfans

没人处理啊,

xiemeng avatar Feb 16 '23 04:02 xiemeng

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

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

aipyfans avatar Feb 22 '23 01:02 aipyfans

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

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

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

xiemeng avatar Feb 22 '23 03:02 xiemeng

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

Qiu-Qiuoh avatar Dec 22 '23 07:12 Qiu-Qiuoh