element ui verify

요소 UI 확인

Ele.me의 ElementUI의 기본 확인 방법에 질렸다면 시도해 보세요!

머리말

Ele.me의 ElementUI는 좋지만 양식 확인 경험은 이상적이지 않습니다.

제품 개발이 사용자 경험에 주의를 기울여야 한다면 플러그인 개발도 개발 경험에 주의를 기울여야 하며 좋은 API 디자인을 통해 좋은 개발 경험이 보장되어야 합니다.

30년 동안 검증 플러그인 개발에 전념해 왔으며, 조상 검증 플러그인 API 설계를 가지고 있습니다(농담). 주로 이전에 작성한 vue-verify-pop API를 참고하여 이를 개선하고, 그 본질을 취하고, 찌꺼기를 제거하고, 해와 달의 본질을 반죽하는 것입니다. . .

이 플러그인은 ElementUI의 원래 확인 방법만 캡슐화합니다. 핵심 유효성 검사기는 여전히 비동기 유효성 검사기이므로 방해가 되지 않으며 ElementUI의 기본 확인을 계속 사용하는 데 전혀 영향을 미치지 않습니다.

예

 < 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 >

좋습니다. 0보다 큰 내용으로 정수 검사를 완료했습니다! (유사한 예를 공식 버전과 비교해 보세요)

문서

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