В каждом компоненте я использую компонент VeeValidate ValidationProvider следующим образом:
<script>
import { formHandling } from "@/mixins/formHandling";
import { ValidationProvider, ValidationObserver, extend } from "vee-validate";
import { required } from "vee-validate/dist/rules";
extend("required", {
...required,
message: "required"
});
export default {
data() {
return {
model: "item",
item: {
name: "",
}
};
},
mixins: [formHandling],
components: {
ValidationObserver,
ValidationProvider
}
};
</script>
<template>
<ValidationObserver ref="observer">
<ValidationProvider rules="required" v-slot="{ errors }">
<input
v-model="item.name"
type="text"
/>
<span>{{ errors[0] }}</span>
</ValidationProvider>
</ValidationObserver>
</template>
Я продолжаю получать [Vue warn]: $attrs is readonly
или [Vue warn]: $listeners is readonly
от компонента ValidationProvider
Что на самом деле вызывает эту ошибку? Как я могу это исправить?