Vee-validate ValidationObserver bileşeninde Vue özel öğe hatası

Aug 19 2020

vee-validateBu uygulamadaki bazı girişleri doğrulamak için kullanmaya çalışıyorum . ValidationObserverÖzel etiketi kullanmaya çalışırken bu hatayı alıyorum.

[Vue warn]: Bilinmeyen özel öğe: <ValidationObserver>- bileşeni doğru şekilde kaydettirdiniz mi? Özyinelemeli bileşenler için, "ad" seçeneğini sağladığınızdan emin olun.

Bunu <script>.vue öğesinin bölümündeki bileşenlere ekliyorum.

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

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

Gerekirse, main.jsVue uygulamasının oluşturulduğu dosyamdaki bileşenlere de ekledim. Hatayı düzeltmedi.

Yanıtlar

1 BoussadjraBrahim Aug 19 2020 at 03:03

bileşenler seçeneği veri seçeneğinin dışında olmalıdır:

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