场景:重新打开el-dialog对话框时,里面的表单数据遗留并没有清空
解决:监听el-dialog对话框的关闭事件,给el-dialog绑定@closed事件,再调用el-form表单的重置方法
示例:
<el-dialog @closed="resetForm">
<el-form ref="formRef">
</el-form>
</el-dialog>
<script>
export default {
methods: {
resetForm() {
this.$refs.formRef.resetFields()
}
}
}
</script>