element ui verify

element-ui-verify

如果你受夠了餓了麼ElementUI 原生的校驗方式，那就來試試它吧！

前言

餓了麼ElementUI 雖好，但表單校驗的體驗卻不夠理想

如果說產品開發要講究使用者體驗，那插件開發也要講究開發體驗，好的開發體驗，要靠好的api 設計來保障

本人專注校驗外掛程式開發30 年，有祖傳的校驗插件api 設計（笑話）。主要是參考了之前寫的vue-verify-pop的api，並加以完善，取其精華，去其糟粕，揉和日月之精華。 。 。

此插件只是對ElementUI 原本的校驗方式做了一層封裝，核心的校驗器仍然是async-validator，非侵入式，完全不會影響你繼續使用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 >

ok，你已經完成了一個內容為大於0 的整數校驗！ (歡迎對比官方版的相似例子)

文件

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