526互联

Vue Tdesign TDialog 组件渲染子组件接口调用问题

发布时间 2023-08-15 10:48:29作者: isettings

复现条件

  • Vue3
  • TDesign t-dialog
  • 在onMounted生命周期中调用接口的自定义组件

问题

  • 页面上使用t-dialog 组件，t-dialog组件中调用自定义组件时，v-model:visible为false，在渲染到自定义组件，请求了自定义组件中请求的接口。

解决方法

在外层使用某个元素包裹起来，使用v-if 值为v-model:visible的值，即可解决页面渲染时自动调用了dialog弹窗中子组件onMounted中的接口的问题。