Vue处理表单校验
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue处理表单校验相关的知识，希望对你有一定的参考价值。
参考技术A 1、vue使用element-ui的form表单验证问题描述：第一次点击新增时正常，第二次新增打开弹窗后由于表单内容为空，出现验证这种情况。
解决 ： this.$refs.staffForm.resetFields();//等弹窗里的form表单的dom渲染完在执行this.$refs.staffForm.resetFields()，去除验证（clearValidate），（resetField表单重置）
//打开弹窗的新增方法
addStaff()
this.staffVisible = true;//弹窗打开
this.$nextTick(()=>
this.$refs.staffForm.resetFields()
this.$refs.staffForm.clearValidate()
);
,
以上是关于Vue处理表单校验的主要内容，如果未能解决你的问题，请参考以下文章