Kesalahan elemen kustom Vue dengan komponen ValidationObserver vee-validate

Question

Saya mencoba menggunakan vee-validateuntuk memvalidasi beberapa masukan pada aplikasi ini. Saat mencoba menggunakan ValidationObservertag kustom, saya mendapatkan error ini.

[Vue warn]: Elemen khusus tidak diketahui: <ValidationObserver>- apakah Anda mendaftarkan komponen dengan benar? Untuk komponen rekursif, pastikan untuk memberikan opsi "nama".

Saya menambahkannya ke komponen di <script>bagian elemen .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

Jika perlu, saya juga memasukkannya ke dalam komponen di main.jsfile saya tempat aplikasi Vue dibuat. Itu tidak memperbaiki kesalahan.

Answer 1

opsi komponen harus berada di luar opsi data:

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