sendya / preview-pro

Use pro-layout in vitejs. preview https://sendya.github.io/preview-pro/index.html
MIT License
109 stars 40 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 10 months ago

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