美文网首页
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