uni-app - - - - -vue3使用i18n配置国际化语言

uni-app - - - - -使用i18n配置国际化语言

  • 1. 安装vue-i18n
  • 2. 配置文件
    • 2.1 创建如下文件
    • 2.2 文件配置
    • 2.3 main文件导入i18n
  • 3. 页面内使用
    • 3.1 template内直接使用
    • 3.2 变量接收使用

1. 安装vue-i18n

npm install vue-i18n --save

2. 配置文件

2.1 创建如下文件

uni-app - - - - -vue3使用i18n配置国际化语言_第1张图片

  • locales文件夹里的js文件,对应各个语言的配置

2.2 文件配置

en-US.js

// 英文配置文件
export default {
   
	str: 'string',
	obj: {
   
		key1: 'value1',
		key2: 'value2'
	},
	arr: ['arr1', 'arr2']
}

zh-CN.js

// 中文配置文件
export default {
   
	str: '字符串',
	obj: {
   
		key1: '字段1',
		key2: '字段2'
	},
	arr: 

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