最近使用Ant Design Vue的resetFields方法重置表单时,发现表单数据没有清空,总是恢复到了打开form时的数据,查询官方文档发现,resetFields方法是对整个表单进行重置,将所有字段值重置为初始值并移除校验结果,而不是将表单清空

 如果是想要清空表单,可以对表单里的数据项进行手动的清空,如下

const resetForm = () => {
    formData.fundName = ''
    formData.fundCode = ''
    formData.now = false
    console.log('resetForm')
}

Logo

前往低代码交流专区

更多推荐