美文网首页
vee-validate问题

vee-validate问题

作者: 风之伤_3eed | 来源:发表于2019-07-10 16:02 被阅读0次

    一、vee-validate配置中文

    1、安装vue-i18n;

    2、在根目录文件引入(main.js)

    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
      }
    });
    

    注:如果引入zh_CN失败可以在shims-vue.d.ts中添加

    declare module 'vee-validate/dist/locale/zh_CN'
    

    二、错误提示无法显示中文

    <v-checkbox
              v-model="checkbox"
              v-validate="'required'"
              :error-messages="errors.collect('checkbox')"
              value="1"
              label="同意注册条款"
              data-vv-name="checkbox"
              type="checkbox"
              required
            ></v-checkbox>
    

    添加data-vv-as="同意注册条款"data-vv-name="checkbox"

    <v-checkbox
              v-model="checkbox"
              v-validate="'required'"
              :error-messages="errors.collect('checkbox')"
              value="1"
              label="同意注册条款"
              data-vv-name="checkbox"
              data-vv-as="同意注册条款"
              type="checkbox"
              required
            ></v-checkbox>
    

    相关文章

      网友评论

          本文标题:vee-validate问题

          本文链接:https://www.haomeiwen.com/subject/nsvhkctx.html