美文网首页
实现vue3 element-plus form组件 valid

实现vue3 element-plus form组件 valid

作者: 嘻哈章鱼小丸子 | 来源:发表于2023-11-27 16:08 被阅读0次

    其实比较简单,因为 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 就能取到子组件里面的参数啦~

    相关文章

      网友评论

          本文标题:实现vue3 element-plus form组件 valid

          本文链接:https://www.haomeiwen.com/subject/xsxqydtx.html