• 技术文章 >web前端 >js教程

    Vee-Validate如何使用

    小云云小云云2018-02-03 13:41:39原创822
    本文主要和大家介绍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格式不正确

    以上就是Vee-Validate如何使用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:Vee-Validate 使用 如何
    上一篇:ES6中Object.assign()方法 下一篇:javascript计算渐变色实例分享
    大前端线上培训班

    相关文章推荐

    • javascript中字符串怎么转换成数组• javascript如何制作验证码• javascript如何求图形的面积• javascript如何改变HTML内容• javascript怎么设置字体大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网