element ui verify

element-ui-verify

Wenn Sie die native Verifizierungsmethode von ElementUI von Ele.me satt haben, probieren Sie es aus!

Vorwort

Obwohl ElementUI von Ele.me gut ist, ist die Formularüberprüfung nicht ideal.

Wenn bei der Produktentwicklung die Benutzererfahrung berücksichtigt werden muss, muss bei der Plug-in-Entwicklung auch auf die Entwicklungserfahrung geachtet werden, und eine gute Entwicklungserfahrung muss durch ein gutes API-Design gewährleistet werden.

Ich konzentriere mich seit 30 Jahren auf die Entwicklung von Verifizierungs-Plug-Ins und habe ein angestammtes Verifizierungs-Plug-In-API-Design (Witz). Bezieht sich hauptsächlich auf die zuvor geschriebene Vue-Verify-Pop-API und verbessert sie, indem sie ihre Essenz nimmt, ihre Schlacken entfernt und die Essenz von Sonne und Mond knetet. . .

Dieses Plug-in kapselt nur die ursprüngliche Verifizierungsmethode von ElementUI. Der Kernvalidator ist immer noch ein asynchroner Validator, der nicht aufdringlich ist und Ihre weitere Verwendung der nativen Verifizierung von ElementUI überhaupt nicht beeinträchtigt.

Beispiel

 < template >
  < el-form label-width =" 100px " :model =" model " >
    < el-form-item label ="年龄" prop =" age " verify int :gt =" 0 " >
      < el-input v-model =" model.age " > </ el-input >
    </ el-form-item >
  </ el-form >
</ template >
< script >
  export default {
    data ( ) {
      return {
        model : {
          age : ""
        }
      } ;
    }
  } ;
</ script >

Ok, Sie haben eine Ganzzahlprüfung mit einem Inhalt größer als 0 abgeschlossen! (Willkommen, ähnliche Beispiele mit der offiziellen Version zu vergleichen)

dokumentieren

https://aweiu.com/documents/element-ui-verify/