Vue Tdesign TDialog 组件渲染子组件接口调用问题
复现条件
- Vue3
- TDesign t-dialog
- 在onMounted生命周期中调用接口的自定义组件
问题
- 页面上使用t-dialog 组件,t-dialog组件中调用自定义组件时,v-model:visible为false,在渲染到自定义组件,请求了自定义组件中请求的接口。
解决方法
在外层使用某个元素包裹起来,使用v-if 值为v-model:visible的值,即可解决页面渲染时自动调用了dialog弹窗中子组件onMounted中的接口的问题。