基于正则的极简表单验证 

npm i sim-vue-validator 

import validator from 'sim-vue-validator' import 'sim-vue-validator/lib/sim-vue-validator.css' Vue.use(validator) <input v-sim-valid="/^[0-9]+$/" /> 

if(this.isSimValidPassed()){ // 校验通过 } 

<input v-sim-valid="/^[0-9]+$/" required maxlength="10" minlength="1"/> 

<input v-sim-valid="validcfg" /> validcfg:{ // 正则 regexp:/^[0-9]+$/, // 自定义classname succcss:'succ-classname', // 自定义classname failcss:'fail-classname', // 校验通过回调 succ:function(el, value){ console.log("succ ",el, value) }, // 校验失败回调 fail:function(el, value){ console.log("fail ",el, value)} } 

<input v-sim-valid="validcfg" /> validcfg:function(el, binding, vnode) 

.sim-valid-fail{ border:solid 1px #ff0000; } .sim-valid-succ{ border:solid 1px #2e963d; } 

npm install 

npm run serve 

npm run build