arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

Published 20 hours ago • verified publisher icon arco-design

modal 里面写组件的话，没有打开过modal，但是组件都挂载了，希望modal打开后再挂载组件

Open fairySusan opened this issue 2 years ago • 4 comments

modal 里面写组件的话，没有打开过modal，但是组件都挂载了，希望modal打开后再挂载组件

fairySusan avatar Sep 07 '22 07:09 fairySusan

你是不是应该仔细看清楚文档再来问问题呢？

https://arco.design/vue/component/modal#API image

tazyong avatar Sep 07 '22 09:09 tazyong

你是不是应该仔细看清楚文档再来问问题呢？

https://arco.design/vue/component/modal#API image

我还没打开过弹窗何来的关闭？element ui第一次打开时挂载，打开过后，就以v-show的方式控制。希望达到这种方式，而不是每次开关都挂载卸载。你是不是应该仔细看清楚我的描述再来回答呢！

fairySusan avatar Sep 07 '22 10:09 fairySusan

设置 unmount-on-close 属性之后就是打开之后才挂载，你之前也没描述清楚啊，你要的效果叫懒加载，目前 Arco 没有支持这种方式，你也可以发起 PR 来支持

tazyong avatar Sep 07 '22 10:09 tazyong

modal 类组件目前没有提供懒加载功能，这个可以提功能 PR

flsion avatar Sep 11 '22 06:09 flsion

@tazyong 大佬，我希望在关闭modal时会卸载modal组件，我也设置了unmount-on-close 但是没有任何效果，监听组件的onMounted和onBeforeUnmount完全监听不到，组件依然不会自动卸载。

我只能给modal组件强加一个v-if。但这样关闭动画又丢失了。

版本 "@arco-design/web-vue": "^2.43.2" 环境vue3+vite+ts

popdo avatar Mar 05 '23 16:03 popdo