$ attrs / $ listeners только для чтения - PullRequest
0 голосов
/ 20 января 2020

В каждом компоненте я использую компонент 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

Что на самом деле вызывает эту ошибку? Как я могу это исправить?

...