日常开发中,常利用el-dialog + el-form去进行表格项的新增和修改,在开发过程中,发现先点击编辑,后点击新增,位于dialog中的form表单无法清空。
日常开发中,常利用el-dialog + el-form去进行表格项的新增和修改,在开发过程中,发现先点击编辑,后点击新增,位于dialog中的form表单无法清空。
5 回答1.4k 阅读
4 回答1.3k 阅读✓ 已解决
3 回答2.6k 阅读✓ 已解决
3 回答1.4k 阅读✓ 已解决
5 回答1.5k 阅读✓ 已解决
2 回答1.6k 阅读✓ 已解决
1 回答1k 阅读✓ 已解决
分析原因
在编辑时候,将dialogVisible的值设为true之后,el-dialog正处于渲染中,在Mounted()生命周期之前,就将表单值赋值了,此时表单渲染在Mounted之后,就认为赋值后的为表单的初始值,而不是const formInfo声明处为初始值,而resetFields方法是将表单重置为初始值,就无法清空第一次编辑的数据。
解决办法: 在编辑赋值时使用nextTick使表单Mounted之后再去执行赋值