antdv4 :destroyOnClose="true"不会自动清除表单数据
时间: 2023-10-16 19:48:06 浏览: 86
Android android:exported = true 用法详解
5星 · 资源好评率100%
你可以尝试在表单的 `destroyOnClose` 属性上设置为 `false` ,这样在关闭表单时不会自动清除表单数据。例如:
```vue
<template>
<a-modal v-model="visible" destroyOnClose="false">
<a-form ref="form" :model="formData">
<!-- 表单内容 -->
</a-form>
</a-modal>
</template>
<script>
export default {
data() {
return {
visible: false,
formData: {
// 表单数据
}
};
},
methods: {
openModal() {
this.visible = true;
},
closeModal() {
this.visible = false;
},
handleSubmit() {
// 处理表单提交
// ...
this.closeModal();
}
}
};
</script>
```
这样,当你关闭模态框时,表单数据将保留在 `formData` 对象中,不会被自动清除。记得在需要提交表单时手动调用 `closeModal` 方法关闭模态框。希望能帮到你!
阅读全文