Wie kann ich den Vue-Validator erweitern?

Question

Ich möchte in der Lage sein, Vue-Validator zu erweitern, um gemeinsame Funktionalität zwischen Formen (wie das Laden von Spinnereien und das Abrufen von serverseitigen Fehlern) auszugleichen.

nahm ich einen Stich an sie folgendes mit:

<template> 
    <form @submit.prevent="submitForm" novalidate> 
    <loader size="medium" v-if="isSubmittingForm"></loader> 
    <slot></slot> 
    </form> 
</template> 

<script> 
import Validator from 'vue-validator'; 

export default { 
    extends: Validator, 

    data() { 
    return { 
     isSubmittingForm: false 
    } 
    }, 

    methods: { 
    submitForm() { 
    } 
    } 
} 

Aber ich Cannot read property 'components' of undefined einen Fehler. Gibt es eine Möglichkeit, vue-validator so zu erweitern?

Answer 1

Sie müssen eines von zwei Dingen. 1. Erstellen Sie eine Komponente, die Ihre allgemeinen Funktionen enthält, und erweitern Sie sie mit dem vue.extens-Hook oder 2. bessere Option IMHO, umschließen Sie alle gemeinsamen Eigenschaften, Methoden usw. in ein Objektliteral und verwandeln Sie es in ein Mixin.

http://vuejs.org/guide/mixins.html