Antd弹框二次点击无法初始化问题的解决


使用Antd弹框时,出现了二次点击显示弹框,但无法正确传参和进行组件初始化的问题。

我们需要在这段代码中

<a-modal
  v-model:visible="showTemplateDetail"
  :footer="null"
  title="模板详情"
  :width="800"
>
  <template-detail :templateId="item.id">template-detail>
a-modal>

加上v-if,变成

<a-modal
  v-model:visible="showTemplateDetail"
  v-if="showTemplateDetail"
  :footer="null"
  title="模板详情"
  :width="800"
>
  <template-detail :templateId="item.id">template-detail>
a-modal>

即可。这样进入组件后会再次调用setup和mounted。