Vee-Validate的使用方法分析

这篇文章主要为大家详细介绍了Vee-Validate的使用方法分析，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

引入：

代码如下：

npm install vee-validate --save

vue代码：

代码如下：

import VeeValidate from 'vee-validate';
import zh_CN from 'vee-validate/dist/locale/zh_CN'; //引入中文包，提示信息可以以中文形式显示
import { Validator } from 'vee-validate';

Validator.addLocale(zh_CN); // 设置提示信息中文方式显示

const config = {
 errorBagName: 'errors', 
 fieldsBagName: 'fields',
 delay: 100,  
 locale: 'zh_CN', 
 strict: true, 
 enableAutoClasses: true,
 events: 'blur', 
 inject: true
};

// 自定义提示信息
const dictionary = {
 zh_CN: {
  messages: {
   ip: () => 'ip格式不正确
本文来自：http://www.q1010.com/184/3747-0.html 
注：关于Vee-Validate的使用方法分析的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。






关键词：vue.js








您可能感兴趣的文章




vue小图标favicon不显示的解决方案
Vue-cli创建项目从单页面到多页面的方法
用vue构建多页面应用的示例代码
分析Vue.js Mixins 混入使用
分析.vue文件中监听input输入事件（oninput）
解决vue.js在编写过程中出现空格不规范报错的问题
vue-ajax小封装实例
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Vue结合SignalR实现前后端实时消息同步
Vue.js项目模板搭建图文教程