vue项⽬element-ui框架中的弹窗中的表单验证清除问题问题回顾：
1、vue项⽬的在弹窗上的form表单验证，第⼀次点击新增时正常，第⼆次新增打开弹窗后由于表单内容为空，出现验证这种情况
2、为了解决上⾯的情况，在执⾏点击新增事件加上this.$refs[formName].resetFields()或者this.$refs[formName].clearValidate();
3、刷新界⾯后第⼀次点击新增出现这样"Cannot read property 'resetFields' of undefined"或者"Cannot read property 'clearValidate' of undefined"，
  第⼆次点击新增没有报错没有新增，说明第⼆次没有报错。
问题分析：刷新界⾯后第⼀次新增，此时表单内的dom还没有加载完成就执⾏了"Cannot read property 'resetFields' of undefined"或者"Cannot read property 'clearValidate' of undefined"，
  这样就导致报错。
修改意见
自动弹窗代码
//打开弹窗的新增函数
addStaff() {
this.staffVisible = true;//弹窗打开
this.$nextTick(()=>{
this.$setFields();//等弹窗⾥的form表单的dom渲染完在执⾏this.$setFields()，去除验证
});
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。