vee-validateValidationObserverコンポーネントでのVueカスタム要素エラー

Aug 19 2020

私はvee-validateこのアプリのいくつかの入力を検証するために使用しようとしています。ValidationObserverカスタムタグを使用しようとすると、このエラーが発生します。

[Vue警告]:不明なカスタム要素:<ValidationObserver>-コンポーネントを正しく登録しましたか?再帰コンポーネントの場合は、必ず「名前」オプションを指定してください。

<script>.vue要素のセクションのコンポーネントに追加します。

    <script>
    import { ValidationObserver } from 'vee-validate';
    import { mapState, mapGetters, mapActions } from 'vuex';

    export default {
      data: () => ({
        name: 'ValidationObserver',
        components: {
          ValidationObserver,
        },
    // code continues on from here

必要に応じて、main.jsVueアプリが作成されるファイルのコンポーネントにも含めました。エラーは修正されませんでした。

回答

1 BoussadjraBrahim Aug 19 2020 at 03:03

コンポーネントオプションはデータオプションの外側にある必要があります:

export default {
  data: () => ({
    name: 'ValidationObserver',
  }),
 components: {
      ValidationObserver,
    },