vee-validate问题

一、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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容