当前位置: 首页 > article >正文

uniapp如何i18n国际化

1、正常情况下项目在代码生成的时候就已经有i18n的相关依赖,如果没有可以自行使用如下命令下载:
 

npm install vue-i18n --save

2、创建相关文件


en文件下:

zh文件下:

index文件下:


3、在main.js中注册:

代码附上:

// #ifndef VUE3
import Vue from 'vue'
import App from './App'
import moment from 'moment';
import messages from './locale/index'
let i18nConfig = {
	locale: uni.getLocale(),
	messages
}
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const i18n = new VueI18n(i18nConfig)

Vue.config.productionTip = false
Vue.prototype.$moment = moment;
App.mpType = 'app'

const app = new Vue({
	i18n,
	...App
})
app.$mount()
// #endif

// #ifdef VUE3
import {
	createSSRApp
} from 'vue'
import App from './App.vue'
export function createApp() {
	const app = createSSRApp(App)
	return {
		app
	}
}
// #endif

4、page.json中使用:

代码:

"%pageJson.signOut%"

5、正常页面中使用:

template中:{{$t(`measure.concentration`)}}
script中:this.$t(`measure.linkDevice`)


http://www.kler.cn/a/398864.html

相关文章:

  • 问题分析与解决:Android开机卡动画问题分析
  • 《Python 网络爬虫》
  • 大数据新视界 -- 大数据大厂之 Impala 性能飞跃:分区修剪优化的应用案例(下)(22 / 30)
  • VSCode插件
  • C++ 中的string类
  • 【珠海科技学院主办,暨南大学协办 | IEEE出版 | EI检索稳定 】2024年健康大数据与智能医疗国际会议(ICHIH 2024)
  • 【flutter】flutter2升级到3.
  • 【Go 开发】pprof 排查问题流程:排查程序 CPU 占用高的问题
  • 跨平台WPF框架Avalonia教程 五
  • 【Java豆瓣电影爬虫】——抓取电影详情和电影短评数据 -
  • Gin 框架中间件详细介绍
  • 解析煤矿一张图
  • 【专题】计算机网络之网络层
  • c ++零基础可视化——数组
  • C++中的桥接模式
  • 为什么要使用Ansible实现Linux管理自动化?
  • uniapp微信小程序接入airkiss插件进行WIFI配网
  • ODOO学习笔记(7):模块化架构(按需安装)
  • 基于Java Springboot宠物救助管理系统
  • jQuery UI 为什么使用部件库
  • 4.2 Android NDK 基础概念
  • 深入理解 Redis跳跃表 Skip List 原理|图解查询、插入
  • 使用 OpenAI 提高 Appium 测试脚本效率:从优化到跨平台支持
  • 人工智能之图像预处理、数据库、GUI布局的综合应用(数据库部分、GUI布局设计)
  • 微知-DOCA ARGP参数模块的相关接口和用法(config单元、params单元,argp pipe line,回调)
  • Nginx负载均衡示例