element ui verify

élément-ui-vérifier

Si vous en avez assez de la méthode de vérification native d'ElementUI d'Ele.me, essayez-la !

Préface

Bien que ElementUI d'Ele.me soit bon, l'expérience de vérification de formulaire n'est pas idéale.

Si le développement de produits doit prêter attention à l'expérience utilisateur, alors le développement de plug-ins doit également prêter attention à l'expérience de développement, et une bonne expérience de développement doit être garantie par une bonne conception d'API.

Je me concentre sur le développement de plug-ins de vérification depuis 30 ans et j'ai une conception d'API de plug-in de vérification ancestrale (blague). Se référant principalement à l'API vue-verify-pop écrite auparavant, et l'améliorant, en prenant son essence, en éliminant ses scories et en pétrissant l'essence du soleil et de la lune. . .

Ce plug-in encapsule uniquement la méthode de vérification d'origine d'ElementUI. Le validateur principal est toujours un validateur asynchrone, ce qui n'est pas intrusif et n'affectera pas du tout votre utilisation continue de la vérification native d'ElementUI.

Exemple

 < 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, vous avez effectué une vérification d'entier avec un contenu supérieur à 0 ! (Bienvenue pour comparer des exemples similaires avec la version officielle)

document

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