bootstrap的表单验证 vue_vue-form（vue表单验证插件 vue2.2+） 使用指南

vue-form 是一个在vue 中用于表单验证的插件 目前版本为4.1.1 ??Form validation for?Vue.js 2.2+

import VueForm from 'vue-form';

// install globally

Vue.use(VueForm);

Vue.use(VueForm, options);

// or use the mixin ...

mixins: [VueForm]

...

mixins: [new VueForm(options)]

...

2.案例

使用bootstrap样式的案例?https://jsfiddle.net/fergal_doyle/zfqt4yhq/

密码验证的案例https://jsfiddle.net/fergal_doyle/9rn5kLkw/

3.使用方法

template:

Name *

Success!

Name is a required field

Email

Email is a required field

Email is not valid

Submit

scriptdata(){

return{

formstate: {},

model: { name: '', email: 'invalid-email' } },

}

methods: {

onSubmit: function () {