1. 程式人生 > >使用vee-validate表單插件是如何設置中文提示?

使用vee-validate表單插件是如何設置中文提示?

除開 cal release 我想 clas .com 官網文檔 中文 i18n

最近在寫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 這個方法我還是不太明白何時用,今天第一次安裝就權當算個記錄了,還是博客園做的好,容易搜索,就放這了

使用vee-validate表單插件是如何設置中文提示?