vee-validate问题

2019-07-10  本文已影响0人  风之伤_3eed

一、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>
上一篇下一篇

猜你喜欢

热点阅读