新增时表单重置

踩坑：！！！！  注意ref的写法！

resetFields是将form表单重置到初始值，而这个初始值是form表单mounted后的值

清空表单内容：（其实是重置到初始值）

this.$nextTick(() => {
                    this.$refs['dataForm'].resetFields();
                    // utils.copyFormObject(data, this.form);
                });

 

 this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值，并不是真正意义上的清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据。

关于this.$ref:

在vue中ref可以以属性的形式添加给标签或者组件

ref 写在标签上时：this.$refs.ipt 获取的是添加了ref="ipt"标签对应的dom元素

ref 写在组件上时：this.$refs['component'] 获取到的是添加了ref="component"属性的这个组件
————————————————
版权声明：本文为CSDN博主「程序洛」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_52208079/article/details/117949166