实现vue3 element-plus form组件 validate 同步校验返回

其实比较简单,因为 validate方法 返回的是 Promise,所以利用async await 就可以实现啦。

子组件

抛出submit 方法

const submit = async () => {
    let valid = await formRef.value.validate().catch(err => {
        //自定义catch方法,返回验证结果
        return err
    })
    //验证通过返回true
    if (valid===true) {
        //验证通过的代码
    }
}

以上返回的校验结果是验证不通过的rules:


err
父组件
 params = await oneRef.value.submit()

这样params 就能取到子组件里面的参数啦~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容