一款简单轻量的 Vue 表单校验插件,支持 1.x 和 2.0

2,669 阅读1分钟

Build Status npm Coverage Status badge-size

Validation plugin for Vue.js

Features

  • Supports both Vue 1.x and 2.0
  • Compact
  • Simple

Demo

Docs

Installation

install directive

# Vue 1.x
npm i v-vuerify -S

# Vue 2.x
npm i v-vuerify-next -S

Usage

import Vue from 'vue'
import Vuerify from 'vuerify'

Vue.use(Vuerify, /* add rules */)

component

{
  template: `
    
      
      
      
      
      
`, data () { return { username: '', password: '', conform: '' } }, vuerify: { username: 'required', password: { test: /\w{4,}/, message: '至少四位字符' }, conform: { test (val) { return val === this.password }, message: '密码输入不一致' } }, compouted: { errors () { return this.$vuerify.$errors } }, methods: { handleSumit () { if (this.$vuerify.check()) { // do sth } } } }

TODO

License

WTFPL