element ui verify

Element-ui-verify

Elementuiのネイティブ検証方法であるお腹が空いている場合は、試してみてください！

序文

空腹ですが、Elementuiは良いですが、フォーマットチェックの経験は十分に理想的ではありません

製品開発がユーザーエクスペリエンスに注意を払う必要がある場合、Plug -in Developmentは開発エクスペリエンスにも注意を払う必要があり、優れた開発エクスペリエンスは、API設計の優れた設計に依存する必要があります。

私は、30年間のプラグインの開発と、先祖検証プラグインAPIデザイン（ジョーク）に焦点を当てています。主な理由は、以前のVue-Verify-PopのAPIを参照し、それを改善し、その本質を取り、ドロスを取り除き、太陽と月の本質をこねることです。エッセンスエッセンス

このプラグインは、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/