Блог

У меня есть компонент «InputValidate». На данный момент это просто ввод с пользовательским vuelidate. Однако я не могу найти в документации ничего о том, как бы я проверил опору, сохраняя при этом привязку между родительским и дочерним компонентом.

До сих пор это компонент, который использует валидатор:

 lt;input-validate title="Singular" v-model:value="newItem.singular" /gt;  

и это сам компонент (InputValidate):

 lt;templategt;  lt;div class="form-group"gt;  lt;label for="name"gt;{{ title }}lt;/labelgt;  lt;input  class="form-control"  :value="value"  @input="$emit('update:value', $event.target.value)"  :class="{ 'is-invalid': v$.value.$error }"  /gt;  lt;div class="invalid-feedback"gt;  lt;p v-for="error of v$.$errors" v-bind:key="error.$uid"gt;  {{ error.$message }}  lt;/pgt;  lt;/divgt;  lt;/divgt; lt;/templategt;  lt;script lang="ts"gt; import { defineComponent } from "vue"; import { useVuelidate } from "@vuelidate/core"; import { required } from "@vuelidate/validators";  const Component = defineComponent({  name: "inputValidate",   setup() {  return { v$: useVuelidate() };  },   props: {  title: {  type: String,  default: "Input",  },  value: {  type: String,  default: "",  },  },   validations() {  return {  value: { required },  };  }, });  export default Component; lt;/scriptgt;  

Редактировать: Если я помещу данные в поле «данные» компонента представления, они будут работать так, как ожидалось. Но мне действительно нужна возможность редактировать данные от родителя. (Например. Очистите форму)