uni.app 实现国际化多语言切换

uni.app 实现国际化多语言切换(英文,俄文,阿拉伯)

前言

项目有外海客户)需要进行多语言切换

解决方法

在uni-app里面i18n多语言的配置[国际化开发](https://uniapp.dcloud.net.cn/tutorial/i18n.html#,并且uni-app里的组件可是可以支持跟随设置语言进行变换的,i18n的主要功能是可以做到实时切换语言。

步骤

1.创建lang语言包。这个可以根据自己的实际情况进项创建。我这这里是用了四种语言:
uni.app 实现国际化多语言切换_第1张图片
在index.js中引入vue-i18n 和语言包,根据自己的需求默认一种语言
uni.app 实现国际化多语言切换_第2张图片
2.在main.js中引用index.js
在这里插入图片描述
uni.app 实现国际化多语言切换_第3张图片
3.最后在页面中使用
uni.app 实现国际化多语言切换_第4张图片
4.关于语言包js 里面的内容,我写的是对象的形式
uni.app 实现国际化多语言切换_第5张图片
在页面是这样渲染的
uni.app 实现国际化多语言切换_第6张图片
写上对应的对象命名。

你可能感兴趣的:(uni.app,前端,vue.js,uni-app)