<picker mode="date">
<view>点击查看date</view>
</picker>
<picker mode="selector">
<view>点击查看selector</view>
</picker>
- 发布:2021-08-21 20:26
- 更新:2022-01-04 12:04
- 阅读:1183
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10_专业版_19041.1165
HBuilderX类型: 正式
HBuilderX版本号: 3.1.18
手机系统: Android
手机系统版本号: Android 7.1.1
手机厂商: 小米
手机机型: mi_6
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
-
新建项目,
-
npm init
-
npm i vue-i18n
-
main.js 内容
import Vue from 'vue'
import App from './App'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
Vue.config.productionTip = false
const i18n = new VueI18n({
locale: 'en-US', // "en" 也一样没效果
messages: {
'en-US': {
index: {
invite: 'Invite',
game: 'Game'
}
},
'zh-CN': {
index: {
invite: '邀请',
game: '游戏'
}
}
}
})
Vue.prototype._i18n = i18n
App.mpType = 'app'
const app = new Vue({
i18n,
...App
})
app.$mount()
5 . index.vue内容
template 内
<picker mode="date">
<view>点击查看date</view>
</picker>
<picker mode="selector">
<view>点击查看selector</view>
</picker>
-
新建项目,
-
npm init
-
npm i vue-i18n
-
main.js 内容
import Vue from 'vue'
import App from './App'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
Vue.config.productionTip = false
const i18n = new VueI18n({
locale: 'en-US', // "en" 也一样没效果
messages: {
'en-US': {
index: {
invite: 'Invite',
game: 'Game'
}
},
'zh-CN': {
index: {
invite: '邀请',
game: '游戏'
}
}
}
})
Vue.prototype._i18n = i18n
App.mpType = 'app'
const app = new Vue({
i18n,
...App
})
app.$mount()
5 . index.vue内容
template 内
<picker mode="date">
<view>点击查看date</view>
</picker>
<picker mode="selector">
<view>点击查看selector</view>
</picker>
预期结果:
确定和取消为英文,月份为英文
确定和取消为英文,月份为英文
实际结果:
确定和取消为中文,月份为中文
确定和取消为中文,月份为中文
demon_lin (作者)
好的,谢谢,那请问是大版本更新才会有的吗?现在是 3.2.1,下个版本是3.2.2? 还是3.3.x?亦或是 4.x ?
2021-08-24 16:36
DCloud_UNI_GSQ
回复 demon_lin: 预计版本号为 3.2.5。
2021-08-24 17:24
demon_lin (作者)
回复 DCloud_UNI_GSQ: 好的,谢谢
2021-08-24 18:20
y***@163.com
回复 DCloud_UNI_GSQ: 最新版本(3.3.5.20211229)还是有这个问题
2021-12-31 18:31
DCloud_UNI_GSQ
回复 y***@163.com: vue3还是vue2?
2022-01-04 12:02
Sun_Rise
回复 DCloud_UNI_GSQ: 3.6.8-alpha 还是有这个问题,vue2,我自定义了一个俄文(ru),picker组件的确认和取消按钮,编译成H5能显示俄文,编译成app则显示cancel/done
2022-11-15 10:24