element-ui表单校验不能同步结果的问题_element ui同步获取表单校验结果

作者：2023面试高手 | 2024-03-13 04:39:45

踩

element ui同步获取表单校验结果

多个表单遍历时，要依次获取各个结果，但是往往拿不到最终结果
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为表单校验失败的字段

}
这样就可以同步进行了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/2023面试高手/article/detail/227824