Vue下的国际化处理方法


Posted in Javascript onDecember 18, 2017

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下的国际化处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Add a Table to a Word Document
Jun 15 Javascript
用倒置滤镜把div倒置,再把table倒置。
Jul 31 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
JS 排序输出实现table行号自增前端动态生成的tr
Aug 13 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
js实现非常棒的弹出div
Oct 06 Javascript
Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例
Jan 22 Javascript
Angular通过指令动态添加组件问题
Jul 09 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
Vue移动端实现图片上传及超过1M压缩上传
Dec 23 Javascript
js+css实现全屏侧边栏
Jun 16 Javascript
webpack多页面开发实践
Dec 18 #Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 #Javascript
switchery按钮的使用方法
Dec 18 #Javascript
three.js实现3D影院的原理的代码分析
Dec 18 #Javascript
JS函数节流和函数防抖问题分析
Dec 18 #Javascript
vue 将页面公用的头部组件化的方法
Dec 18 #Javascript
浅谈使用React.setState需要注意的三点
Dec 18 #Javascript
You might like
生成静态页面的php函数,php爱好者站推荐
2007/03/19 PHP
phpize的深入理解
2013/06/03 PHP
thinkphp的CURD和查询方式介绍
2013/12/19 PHP
php文件操作之小型留言本实例
2015/06/20 PHP
php实现的操作excel类详解
2016/01/15 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
JS 建立对象的方法
2007/04/21 Javascript
Javascript 复制数组实现代码
2009/11/26 Javascript
javascript权威指南 学习笔记之变量作用域分享
2011/09/28 Javascript
jQuery EasyUI API 中文文档 - Panel面板
2011/09/30 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
JS基于面向对象实现的拖拽库实例
2015/09/24 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
微信小程序五星评分效果实现代码
2017/04/06 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
2017/12/25 Javascript
详解在Node.js中发起HTTP请求的5种方法
2019/01/10 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
js实现自定义滚动条的示例
2020/10/27 Javascript
浅谈python中set使用
2016/06/30 Python
python斐波那契数列的计算方法
2018/09/27 Python
python 循环数据赋值实例
2019/12/02 Python
Python xlrd模块导入过程及常用操作
2020/06/10 Python
M1芯片安装python3.9.1的实现
2021/02/02 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
公司门卫岗位职责
2014/03/15 职场文书
优秀食品类广告词
2014/03/19 职场文书
新年团拜会主持词
2014/04/02 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
镇创先争优活动总结
2014/08/28 职场文书
早安问候语大全
2015/11/10 职场文书
解决Django transaction进行事务管理踩过的坑
2021/04/24 Python
Python绘制地图神器folium的新人入门指南
2021/05/23 Python