vue + element 表单校验问题集合

1、 表单校验， 数据更新后，校验还在，数据有值，还是校验报错

解决办法：
在data （）{} 中，初始化表单校验的所有字段；

2、element-ui 关闭清空表单数据会触发change事件。再次打开就会显示校验提示
解决办法：
重新打开页面或弹框时，等dom渲染完后重置下数据，如下：

this.$nextTick(() => { 
    this.$refs['formRules'].clearValidate(); // 先清空校验
    this.$refs['formRules'].resetFields(); // 在初始化所有字段
})

3、elementUi 关闭表单调用resetFields() ，没有清掉表单数据
场景：在弹框 中编辑表单时，传入父级的数据，给表单赋值
问题出现情况：刷新整个页面，第一次打开弹窗是操作编辑，这时给表单赋值，mounted还没结束，调用resetFields() ，没有清掉表单数据；

//resetFields() 对整个表单进行重置，将所有字段值重置为初始值
//初始值是在生命周期函数 mounted调用时赋值上的
//解决，使用 ~~~~
this.$nextTick(() => { 
    this.$refs['formRules'].resetFields(); 
})