时间:2021-05-26
1:首先安装 Vue-i8n
npm install vue-i18n --save
注:-save-dev是指将包信息添加到devDependencies,表示你开发时依赖的包裹。 -save是指将包信息添加到dependencies,表示你发布时依赖的包裹。
2:在main.js中配置信息
import VueI18n from 'vue-i18n'import {getCookie} from './common/cookie' //引入一个js文件,使用引入的函数getCookie,根据当前缓存切换语言Vue.use(VueI18n)const i18n = new VueI18n({ locale: getCookie('PLAY_LANG','cn-zh'), //根据当前语言切换 messages: { 'cn-zh': require('./language/cn-zh'), //中文语言包 'en-us': require('./language/en-us') //英文语言包 }})new Vue({ el: '#app', i18n, // 不要忘记 router, template: '<App/>', components: { App }})3:在目录src下新建一个language文件,尽可能与main.js同级存放,添加两个js文件,cn-zh和en-us,存放需要翻译的语言
4:getCookie函数
function getCookie(name,defaultValue) { var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); //"(^| )" 匹配开头和空格 if (arr = document.cookie.match(reg)) return unescape(arr[2]); else return defaultValue;}export { getCookie}以上这篇Vue下的国际化处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在系列(7)中我们讲了数据的格式化显示,Spring在做格式化展示的时候已经做了国际化处理,那么如何将我们网站的其它内容(如菜单、标题等)做国际化处理呢?这就是
gettext是GNU提供的一套国际化与本地化处理的相关函数库。大多数语言都有对应的gettext实现。本文主要使用jed来实现gettext一系列方法对应的功
前言有些项目我们需要支持多种语言切换,满足国际化需求。vue-i18n是一个vue插件,主要作用就是让项目支持国际化多语言,使用方便快捷,能很轻松的将我们的项目
react-i18n-auto专门为中文国际化提供的自动化方案,快速迭代国际化开发,方法如下安装npminstallreact-i18n-auto--save-
脑补一下那些现在看来不错的企业国际化案例华为中国所有的企业里国际化算最成功之一,但也并非那么容易。徐昕泉当年就是华为国际化第一批拓荒者。1989年,他是黑龙江状