素材巴巴 > 程序开发 >

vue3 antd3 解决modal包着form表单关闭后表单输入框数据没有被清空

程序开发 2023-09-06 22:14:59

a-modal内使用a-form时关闭弹框,表单的数据还在没有被清空解决:

第一步:   a-modal中添加::afterClose="你自己定义的函数名"

第二步:a-form中添加: ref="你自定定义的表单ref名"

第三步: const 你自己定义的函数名 = () => {

               你自定定义的表单ref名.value.resetFields()

               }



 

    const formDataRef=ref(); // 定义a-form表单的ref名// 表单关闭后的回调事件,清空表单数据const afterCloseEdit = () => {formDataRef.value.resetFields();};


 


 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。