效果图如下~
新增数据 点击提交 弹框关闭后 再次点击新增 会发现 明明没有输入东西 校验就触发了~
这个问题的解决方法其实耶很简单,接下来我们就讲解一下如何解决吧
1.首先就是检查有没有给el-form绑定的ref的值 ,
2.绑定后 在新增方法中嵌套$nextTick();
methods:{
handleAdd() {
//弹窗
this.box = true;
this.$nextTick(() => {
//ruleForm 就是el-form绑定的ref
this.$refs['ruleForm'].clearValidate();
})
}
}
在新增按钮的点击时间里 写上函数就ok了~
#(ruleForm 是el-form绑定的ref的值;)
固定公式 哪里需要哪里搬!