首页 > 编程语言 > 详细

vue 语言国际化

时间:2021-02-22 15:20:38      阅读:29      评论:0      收藏:0      [点我收藏+]

main.js

import i18n from ./lang/i18n

Vue.use(Vuex)
Vue.use(Vant)
// // 设置语言
let language;
if (navigator.language) {
    language = navigator.language.toLowerCase();
}else {
  language= navigator.browserLanguage.toLowerCase();
}
if(language === zh-cn){
  console.log(中文)
  i18n.locale = "zh-CN";
  store.commit(changeIsEn,true)
}else if(language === zh-tw || language === zh-hk || language === zh-mo){
  console.log(繁体)
  i18n.locale = "zh-tw";
  // store.commit(‘changeIsEn‘,false)
}else{
  console.log(英文)
  i18n.locale = "en-US";
  // store.commit(‘changeIsEn‘,true)
  
}

i18n.js

import Vue from vue
import VueI18n from vue-i18n
Vue.use(VueI18n)
export default new VueI18n({
  locale: zh-CN, // 语言标识
  messages: {
    //中文
    zh-CN: require(@/lang/zh.js),
    //英文
    en-US: require(@/lang/en.js),
    //繁体
    zh-tw: require(@/lang/fanti.js),
  }
})

技术分享图片

 

 en.js

技术分享图片

 

 页面引用

技术分享图片

 

 技术分享图片

 

vue 语言国际化

原文:https://www.cnblogs.com/yaoling/p/14429807.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!