iView Modal 关闭后怎么自动销毁组件？

司徒欧辰提问于 2026-03-06 10:24:20 阅读 4

组件

我在用 iView 的 Modal 弹窗，里面放了一个表单组件。但发现每次关闭 Modal 后，组件其实还在 DOM 里没被销毁，导致下次打开时数据还是上次的。

我试过设置 :closable="true" 和 @on-cancel 回调，但好像没用。有没有办法让 Modal 关闭时自动销毁内部组件？

目前是这样写的：

<Modal v-model="showModal">
  <MyFormComponent />
</Modal>

iView Modal模态框

我来解答赞 11 收藏

反馈

1 条解答

设计师园园 Lv1

iView的Modal默认就是keep-alive的，试试加destroy-on-close属性：

<Modal v-model="showModal" destroy-on-close>

  <MyFormComponent />

</Modal>

这破问题我上周刚踩过坑

2026-03-06 10:27