element ui verify

elemento-ui-verificar

Se você está farto do método de verificação nativo ElementUI do Ele.me, experimente!

Prefácio

Embora o ElementUI do Ele.me seja bom, a experiência de verificação de formulário não é ideal.

Se o desenvolvimento de produtos deve prestar atenção à experiência do usuário, então o desenvolvimento de plug-ins também deve prestar atenção à experiência de desenvolvimento, e uma boa experiência de desenvolvimento deve ser garantida por um bom design de API.

Tenho me concentrado no desenvolvimento de plug-ins de verificação há 30 anos e tenho um design ancestral de API de plug-in de verificação (piada). Referindo-se principalmente à API vue-verify-pop escrita anteriormente, e melhorando-a, pegando sua essência, removendo sua escória e amassando a essência do sol e da lua. . .

Este plug-in encapsula apenas o método de verificação original do ElementUI. O validador principal ainda é um validador assíncrono, que não é intrusivo e não afetará o uso contínuo da verificação nativa do ElementUI.

Exemplo

 < 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, você concluiu uma verificação de número inteiro com conteúdo maior que 0! (Bem-vindo para comparar exemplos semelhantes com a versão oficial)

documento

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