多个表单遍历时,要依次获取各个结果,但是往往拿不到最终结果
let flag=true
this.$refs[‘form’].validate(valid=>{
flag=valid
})
console.log(valid)//永远是true
原因分析:
提示:这里填写问题的分析:
element文档里描述了,validate方法参数为一个回调函数,如果不传则返回一个promise
解决方案:
我们可以在validate的回调参数里放入想执行的方法,也可以不传入回调参数,利用try catch 和async await 让表单校验结果变为同步
let p=this.$refs[‘form’].validate()
try{
await p
}catch(error){
//此处的error为表单校验失败的字段文章来源:https://www.toymoban.com/news/detail-521759.html}
这样就可以同步进行了文章来源地址https://www.toymoban.com/news/detail-521759.html
到了这里,关于element-ui表单校验不能同步结果的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!