• 使用vee-validate表单插件是如何设置中文提示?


    最近在写vue表单验证的时候,在网上找到一款不错的插件vee-validate,在使用的过程中发现配置不了中文提示,这就很苦恼了,基本上网上的配置办法我都看过,都是有问题的,比如这种

    import zh_CN from 'vee-validate/dist/locale/zh_CN'; //引入中文包,提示信息可以以中文形式显示
    import { Validator } from 'vee-validate';
    Validator.addLocale(zh_CN); // 设置提示信息中文方式显示

    这种是找不到addLocale方法的,就说明是否版本不对?这个时候我去看了下官网文档关于翻译本土化这点,之前由于是英文文档大致过了一遍,但是没有找到我想要的配置信息,这个时候我认为是版本的问题,所以我在github上查看了版本,发现最新版本就是我安装的这个版本(除开未正式的版本),

    "vee-validate": "^2.0.0-rc.26",

    这时候发现作者已经在这个版本是添加了i18n国际化这个玩意了,所以你得先安装vue-i18n 具体方式自行搜索

    import VeeValidate from 'vee-validate';
    import zh_CN from 'vee-validate/dist/locale/zh_CN'
    import VueI18n from 'vue-i18n';
    Vue.use(VueI18n)
    const i18n = new VueI18n({
      locale: 'zh_CN',
    })
    Vue.use(VeeValidate, {
      i18n,
      i18nRootKey: 'validation',
      dictionary: {
        zh_CN
      }
    });

    这个时候实例化il8n指定为中文即可,本来没想到要发,但是鉴于小白和新手跟我一样避免再这个问题浪费时间,所以就写出来了,至于用Validator.localize 这个方法我还是不太明白何时用,今天第一次安装就权当算个记录了,还是博客园做的好,容易搜索,就放这了

  • 相关阅读:
    3747 [POI2015]Kinoman
    1303 [CQOI2009]中位数图
    3769 [spoj 8549] BST again
    1015 [JSOI2008]星球大战starwar
    1193 [HNOI2006]马步距离
    合并Git仓库不相关历史版本解决方案
    vue-cli项目实现动态锚点定位
    jQuery加css3实现菜单栏组件(可无限添加子列表)
    JavaScript文件转成base64编码
    Ajax获取服务器响应头部信息
  • 原文地址:https://www.cnblogs.com/jinrupeng/p/8034531.html
Copyright © 2020-2023  润新知