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

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.lryc.cn/news/485024.html

相关文章:

  • C++__day1
  • Emacs进阶之插入时间信息(一百六十三)
  • Java线程池:ThreadPoolExecutor原理解析
  • 二叉树、哈夫曼报文大全
  • NotePad++中安装XML Tools插件
  • 聊天服务器(7)数据模块
  • VS2022编译32位OpenCV
  • WP网站如何增加文章/页面的自定义模板
  • 【Linux网络编程】简单的UDP网络程序
  • LabVIEW中坐标排序与旋转 参见附件snippet程序
  • SPIRiT-Diffusion:基于自一致性驱动的加速MRI扩散模型|文献速递-基于深度学习的病灶分割与数据超分辨率
  • jwt封装教程
  • postman变量和脚本功能介绍
  • 【AI新领域应用】AlphaFold 2,原子级别精度的蛋白质3D结构预测,李沐论文精读(2021Nature封面,2024诺贝尔奖)
  • Figma汉化:提升设计效率,降低沟通成本
  • 前端知识点---this的用法 , this动态绑定(Javascript)
  • web——upload-labs——第五关——大小写绕过绕过
  • String类型
  • Ubuntu24.04安装和配置Redis7.4
  • 权限相关知识
  • 【时间之外】IT人求职和创业应知【37】-AIGC私有化
  • 深入理解 source 和 sh、bash 的区别
  • k8clone二进制工具迁移k8s中的无状态应用
  • VPI photonics的一些使用经验(测相位 快速搜索)持续更新
  • DBeaver 连接 OceanBase Oracle 租户
  • QT_CONFIG宏使用
  • 力扣(leetcode)题目总结——辅助栈篇
  • 如何处理 iOS 客户端内 Webview H5 中后台播放的音视频问题
  • C++的一些模版
  • spring boot整合https协议