Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
vee-validate 是为 Vue.js 量身打造的表单校验框架,允许您校验输入的内容并显示对应的错误提示信息。它内置了很多常见的校验规则,可以组合使用多种校验规则,大部分场景只需要配置就能实现开箱即用,还支持自定义正则表达式。而且支持 40 多种语言,对本地化、多语言支持非常友好。 国内饿了么团队开源项目 Element UI 就用到了 vee-validate 。 vee-validate 官网:https://baianat.github.io/vee-validate/ 1. 安装 安装 vee-validate 到项目中 npm install vee-validate --save 2. 创建 vee-validate 插件 a. 创建插件 在 Nuxt.js 项目 plugins 目录下创建 veevalidate.js 。 b. 引入、配置 vee-validate import Vue from 'vue' import zhCN from 'vee-validate/dist/locale/zh_CN' // 引入本地化语言 import VeeValidate, { Validator } from 'vee-validate' // 引入 vee-validate // 覆盖默认错误信息提示 zhCN.messages.email = () =>