"vee-validate": "2.0.0-rc.25"

import VeeValidate, { Validator } from 'vee-validate'
import CN from 'vee-validate/dist/locale/zh_CN.js'
Validator.addLocale(CN)
Vue.use(VeeValidate, {locale: 'zh_CN'
})

// 修改默认错误提示
const dictionary = {zh_CN: {messages: {email: () => '邮箱格式不正确哦',required: (val) => {let msg = ''switch (val) {case 'email':msg = '邮箱'breakcase 'qq':msg = 'qq'breakdefault:;}msg = msg + '不能为空哦'return msg}}}
}
Validator.updateDictionary(dictionary)

Validator.extend('qq', {messages: {zh_CN: field => 'qq号码输入不正确'},validate: value => {return /^[1-9][0-9]{4,14}$/.test(value)}
})

<template><div class="hello"><form @submit.prevent="validateBeforeSubmit"><div class="column is-12"><label class="label" for="email">Email</label><p :class="{ 'control': true }"><input v-validate="'required|email'" v-model="email" :class="{'input': true, 'is-danger': errors.has('email') }" name="email" type="text" placeholder="Email"><span v-show="errors.has('email')" class="help is-danger">{{ errors.first('email') }}</span></p></div><div class="column is-12"><label class="label" for="qq">qq</label><p :class="{ 'control': true }"><input v-validate="'required|qq'" :class="{'input': true, 'is-danger': errors.has('qq') }" name="qq" type="text" placeholder="qq"><span v-show="errors.has('qq')" class="help is-danger">{{ errors.first('qq') }}</span></p></div><div class="column is-12"><p class="control"><button class="button is-primary" type="submit">Submit</button></p></div></form></div>
</template><script>
export default {name: 'HelloWorld',data () {return {email: '',qq: ''}},methods: {validateBeforeSubmit () {this.$validator.validateAll().then((result) => {if (result) {// eslint-disable-next-linealert('Form Submitted!');return}alert('Correct them errors!')})}}
}
</script>