如何检查子组件的输入是否为$ invalid

我需要验证子组件的一个输入是否有效。但是我不知道如何从父亲组件中做到这一点。

我有一个包含多个字段及其验证的表单,为简化起见,我将每个输入字段及其验证移到了自己的组件中。但是现在我需要一起验证所有这些。

我该怎么做?

我将现场样本放在了codeandbox上:

https://codesandbox.io/embed/vuetify-playground-o7kbr?fontsize=14

qsylhh 回答:如何检查子组件的输入是否为$ invalid

引用输入

<input-cpf ref="input" label="CPF" :cpf.sync="cpf"/>

然后您可以从父级访问组件

this.$refs.input.$v.$touch();
if ( this.$refs.input.$v.cpf.$invalid ) {
    console.log('não esta pronto para enviar')
} else {
    console.log('pode enviar')
}   
本文链接:https://www.f2er.com/3144390.html

大家都在问