uni-app 设置多语言切换uni-i18n插件
1.FastReport换行配置2..net前端传字符串到后台接口不完整3.数据库查询字段前N个字符4.I标签禁用触发事件5.Sql时间格式化6.从数组中,直接获取所需数据7.Sql 截取字符串方式8.SQL日期格式9.定义了鼠标指针放在一个元素边界范围内时所用的光标形状10.VsCode打包11.WCF12.MD5加密13.WCF服务支持http14.获取计算机信息15.文件复制/解压16.向服务器上传文件17.向服务器更新文件18..net 在config中取值19.在DevExpress GridControl的一列中显示图片20.定时timer21.直接在对象数组中找数据22.uni-app 请求接口报错request:fail abort statusCode:-123..net接口出现405跨域错误24.css样式变量25.sql 多列合并成一个字符串26.Http404.3 MIME映射问题27.动态添加RibbonPageGroup/NavBarGroup28.Sql/MySql 连接配置29.动态添加XtraPrivotGrid/XtraGrid30.IIS错误50031.dropDownButton使用方法32.xml文件创建/写入33.服务器无法访问题34.DEV控件加载到VS工具箱中35.签名时出错: 未在路径 C:\Program Files (x86)\Microsoft SDKs\Windows\v7.0A\bin36.旋转弧度计算方式JS37.微信小程序上传图片报错:uploadFile:fail url not in domain list38..NET混合开发解决方案WebView2控件的导航事件39.uniapp项目打包为桌面应用的方法步骤40.WCF 接收我服务的 HTTP 响应时发生错误41.vscode之vue文件代码格式化代码无效解决办法42.Vue框架规则类错误43.【vue】ElementUI el-table自适应列宽实现44.uni-app electron打包成exe应用45.HTTP Error 503. The service is unavailable.46.接口对接Get/Post47.Guid随机生成36位数48.Timer计时器实现定时49.HTTP 请求 (Request)50.接口开发笔记-WebApi51.ASP.NET 自定义控件52.uni-app 版本更新53.图片转二进制的相互转化
54.uni-app 设置多语言切换uni-i18n插件
55.uniapp 在 Android Studio 模拟器中运行项目56.前端css中animation(动画)的使用57.Android 模拟机配置内网58.前端圆形倒球体环绕/波纹动态图安装uni-i18n插件
npm install uni-i18n
main.js文件中引入并初始化VueI18n
///main.js import messages from './language/index' let i18nConfig = { locale: uni.getLocale(), messages } import Vue from 'vue' import VueI18n from 'vue-i18n' import App from './App' Vue.use(VueI18n) const i18n = new VueI18n(i18nConfig) Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ i18n, ...App }) // 国际化 app.$mount()
建立相关的语言文件夹,存放.js语言文件
定义index.js在设置全局变量
///index.js import en from './enHans.json' import zhHans from './zh-Hans.json' export default { 'zh-Hans': zhHans, en, }
在页面中应用
页面模板中使用 t('')
<template> <view class="container"> <view class="title">{{$t('index.title')}}</view> </view> </template
computed: { locales() { return [{ text: this.$t('language.zh'), tip:this.$t('language.zh_tip'), code: 'zh-Hans', }, { text: this.$t('language.en'), tip:this.$t('language.en_tip'), code: 'en' }] } }, onLoad() { let systemInfo = uni.getSystemInfoSync(); this.systemLocale = systemInfo.language; this.applicationLocale = uni.getLocale(); uni.onLocaleChange((e) => { this.applicationLocale = e.locale; }) },
注:语言API
uni-app内置了一批与国际化相关的API和生命周期。
注意要区分系统语言和应用语言的概念。
uni.getSystemInfo
可以得到设备OS的语言、运行宿主host的语言以及应用自身的语言。
uni.getLocale
获取应用当前使用的语言
uni.setLocale
设置应用语言
uni.onLocaleChange
当前应用语言发生变化时,触发回调。也就是uni.setLocale执行时。
Vue页面 i18n代码提示
pages.json i18n代码提示
合集:
日常问题
分类:
hbuilder相关问题
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· NetPad:一个.NET开源、跨平台的C#编辑器
· PowerShell开发游戏 · 打蜜蜂