使用i18n，获取浏览器语言并自动切换

放置到main.js中配合i18n一起使用

const navLang = navigator.language || navigator.userLanguagelet localLang = navLang || falselet lang = localLang || localRead('local') || 'en' || 'zh' || 'ja'     这里面是放置的语言包localStorage.setItem('lang', localLang)

// i18n

先安装依赖

我安装的版本是8.22.2 更高的版本可能会报错

yarn add vue-i18n@8.22.2

// i18n
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const i18n = new VueI18n({locale:lang,messages:{'en':require('./lang/en'), //英文语言包'zh':require('./lang/zh'),'ja':require('./lang/ja') //日文}
})

new Vue({i18n,render: h => h(App),
}).$mount('#app')

在main.js下面挂载上

使用i18n，获取浏览器语言并自动切换相关推荐

js获取浏览器语言（ie、ff、chrome）、contextpath
js获取浏览器语言(ie.ff.chrome).contextpath /js获取浏览器语言(ie.ff.chrome) Java代码 var language_en_us = "en- ...
获取浏览器语言的解决方案
1.问题分析首先查看一下 navigator 对象中的这几个与 language 相关的属性. navigator 对象包含有关浏览器的信息.没有应用于 navigator 对象的公开标准,不过所有 ...
navigator 与语言相关的属性在各大浏览器的差异，及获取浏览器语言的正解
问题描述各浏览器对 navigator 对象中几个与语言相关的属性(language.userLanguage.browserLanguage. systemLanguage)的返回值存在很大的差异 ...
JS获取浏览器语言动态加载JS文件
项目出于多语言版本的考虑,前台使用easyui,通过获取浏览器语言版本,来相对的加载easyui语言包,easyui默认语言包en-US 代码如下 <script type="text ...
html 获取浏览器语言,js获取浏览器类型和语言
js代码如下: // 获取终端的相关信息 var Terminal = { // 辨别浏览器类型 browserType : function(){ var u = navigator.userAge ...
html 获取浏览器语言,js之获取浏览器语言
8种机械键盘轴体对比本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? 今天看代码的时候看到了navigator.language以及navigator.browserLanguage 那这些 ...
js获取浏览器活跃页面，切换tab页状态
https://blog.csdn.net/qq_37818095/article/details/94432207
java 通过request获取浏览器语言环境
引入<%@ page import="java.util.Locale"%> 使用 Locale locale=request.getLocale(); String ...
前端利用 i18n 实现多语言切换
前端实现多语言切换 : 实现前端页面的资源国际化一.vue 中引用 vue-i18n 实现国际化安装 vue-i18n npm install vue-i18n 新建语言文件包: cn.js / ...

使用i18n，获取浏览器语言并自动切换

使用i18n，获取浏览器语言并自动切换相关推荐

最新文章

热门文章