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

如果你受够了饿了么ElementUI原生的校验方式，那就来试试它吧！一款更懂你的校验插件
https://github.com/aweiu/element-ui-verify

element element-ui element-ui-validator element-ui-verification elementui vue

Last synced: 7 days ago
JSON representation

如果你受够了饿了么ElementUI原生的校验方式，那就来试试它吧！一款更懂你的校验插件

• Host: GitHub
• URL: https://github.com/aweiu/element-ui-verify
• Owner: aweiu
• Created: 2017-12-21T11:31:35.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-10-24T20:31:23.000Z (about 2 months ago)
• Last Synced: 2024-12-08T07:00:33.356Z (14 days ago)
• Topics: element, element-ui, element-ui-validator, element-ui-verification, elementui, vue
• Language: TypeScript
• Homepage:
• Size: 64.5 KB
• Stars: 478
• Watchers: 15
• Forks: 54
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# element-ui-verify

如果你受够了饿了么 ElementUI 原生的校验方式，那就来试试它吧！

## 前言

饿了么 ElementUI 虽好，但表单校验的体验不够理想

如果说产品开发要讲究用户体验，那插件开发也要讲究开发体验，而好的开发体验，要靠好的 api 设计来保障

本人专注校验插件开发 30 年，有祖传的校验插件 api 设计（玩笑）。主要是参考了之前写的[vue-verify-pop](https://github.com/aweiu/vue-verify-pop)的 api，并加以完善，取其精华，去其糟粕，揉和日月之精华。。。

本插件只是对 ElementUI 原本的校验方式做了一层封装，核心的校验器仍然是[async-validator](https://github.com/yiminghe/async-validator)，非侵入式，完全不会影响你继续使用 ElementUI 的原生校验

## 示例

```html

  

    

      

    

  

  export default {

    data() {

      return {

        model: {

          age: ""

        }

      };

    }

  };

```

ok，你已经完成了一个内容为大于 0 的整数校验！([欢迎对比官方版的相似例子](http://element-cn.eleme.io/#/zh-CN/component/form#shu-zi-lei-xing-yan-zheng))

## 文档

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