Necrotizing Pineapple Music

    element-ui-verify
    TypeScript icon, indicating that this package has built-in type declarations

    1.2.6 • Public • Published

    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/

    Install

    npm i element-ui-verify

    DownloadsWeekly Downloads

    107

    Version

    1.2.6

    License

    ISC

    Unpacked Size

    36.2 kB

    Total Files

    22

    Last publish

    Collaborators

    • aweiu