Vuerify ist ein einfaches und leichtes Datenverifizierungs-Plug-In. Eingebaute grundlegende Überprüfungsregeln und Fehleraufforderungen. Anpassbare Regeln und die Regeltypen unterstützen regelmäßig, Funktionen oder Zeichenfolgen. Überprüfungsregeln können global oder in Komponenten registriert werden. Das Plug-In fügt VM $ vuerify ein und beobachten Sie gleichzeitig die Daten und überprüfen die Legalität. Bei einem Fehler, vm. $ Vuerify. $ Fehler werden gespeichert.
Installieren
npm i vuerify -S
verwenden
Plug-Ins installieren
Importieren Sie Vue aus 'Vue'import vuerify aus' vuerify'vue.use (vuerify, /* benutzerdefinierte Regeln hinzufügen* /)
Fügen Sie benutzerdefinierte Regeln hinzu
Test kann eine reguläre oder eine Funktion sein
{Erforderlich: {test: // s+$/, meldung: 'Erforderlich'}}Registrieren Sie sich in Komponenten
{Data () {Benutzername: '', Passwort: ''}, Vuerify: {Benutzername: {test: // w {4,}/, benutzerdefinierte Regeln, die Funktionen, reguläre oder globale Regeln ausfüllen (Ausfüllen von Strings): 'mindestens 4 Zeichen'}, Passwort: Erforderlich '// Regeln für die Verwendung globaler Registrierung}}}}}}}}}}}}}}}}}}}API
$ vuerify enthält die folgenden Eigenschaften
NAMESCISCICTIONTYPEDFAULT -Wert
Die Fehlermeldung von $ fehlern, die Daten nicht überprüfen, beispielsweise, wenn der Benutzername nicht überprüft wird, wird {Benutzername: 'mindestens 4 Zeichen'} Objekt {} zurückgegeben
Ungültiges Feld hat das Feld, das den BooleanTrue nicht überprüft hat
Gültig hat kein Feld, das BooleanFalse nicht überprüft
Überprüfen Sie das angegebene Feld, übergeben Sie es im Array und geben Sie die Booleanfunction (Array)- zurück--
Löschen Sie die Fehlerlistenfunktion-
v-vuerrify
Diese Anweisung validiert Daten und legt einen Klassennamen für die Komponente fest, wenn die Formularkomponente ein Unschärfeereignis auslöst (Standard ist .Vuerify-Invalid). Es können native Komponenten wie die Eingabe oder eine Komponente sein, die selbst eingekapselt wurde. Zwei Versionen sind verfügbar
Installieren
# VUE 1.XNPM V-VUERIFY -S# VUE 2.0NPM V-VUERIFY-NEXT -S -S
Verwendung
VUE VUE aus 'VUE'import vuerifyDirective aus' v-vuerify '// vue1.ximport vuerifydirective aus' v-vuerify-next '// vue2.0vue v-vuerify = "'Passwort'"> </x-Input>
Param
verifizieren
Der Standardklassenname ist vuerify-invalid
<Eingabe v-Model = "Benutzername" v-vuerify = "userername
Modifikatoren
Elternteil
Wenn Vuerify bei der übergeordneten Komponente registriert ist, müssen Sie einen übergeordneten Anweisungen angeben, damit die Anweisung die entsprechende $ vuerify aus der übergeordneten Komponente erhalten kann. Weitere Informationen finden Sie in der Demo
Ereignisse
Vuerify-Invalid
Vuerify-Valid
Github: https://github.com/qingweil-li/vuerrify