Vee-validate v3 访问提供者的标志

Question

我正在使用 Vee-Validate v3 库进行验证。如果第一个验证提供者有验证标志（这意味着验证一次）

，我想显示第二个 div

秒div中的v-if应该怎么填？

<ValidationObserver
    v-slot="{ pristine, invalid }"
    @submit.prevent="handleSubmit"
    tag="form"
    ref="observer"
>
    <div>
        <ValidationProvider
            rules="required"
            v-slot="{ errors }"
            vid="contactmethod"
        >
            input element here
        </ValidationProvider>
    </div>
        
    <div v-if="ValidationProvider of CONCTACTMETHOD has VALIDATED flag">
        <ValidationProvider
            rules="required"
            v-slot="{ errors }"
            vid="methodone"
        >
            input element here
        </ValidationProvider>
    </div>
</ValidationObserver

Answer 1

您可以使用以前的 ValidationProvider 的 ref 并使用值 valid 或 invalid 来做到这一点：

<ValidationObserver
    v-slot="{ pristine, invalid }"
    @submit.prevent="handleSubmit"
    tag="form"
    ref="observer">
    <div>
        <ValidationProvider
            ref="contactmethod"
            rules="required"
            v-slot="{ errors }"
            vid="contactmethod">
            input element here
        </ValidationProvider>
    </div>
        
    <div v-if="$refs.contactmethod.valid">
        <ValidationProvider
            rules="required"
            v-slot="{ errors }"
            vid="methodone">
            input element here
        </ValidationProvider>
    </div>
</ValidationObserver>

Vee-validate v3 访问提供者的标志

Vee-validate v3 accessing flags of providers

vue.js

vee-validate