更新记录
1.1(2019-10-23) 下载此版本
添加了uni.showToast内容多语言显示
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
很简单的一个demo,请自行忽略排版.
1.main.js引入vue-i18n(需要先下载vue-i18n.js)
2.main.js引入static/lang下的语言库js
3.可以参考下面的代码
import VueI18n from 'vue-i18n'
import LangEn from './static/lang/en'
import LangChs from './static/lang/zhCHS'
import LangCht from './static/lang/zhCHT'
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: 'en',
messages: {
'en': LangEn,
'chs' : LangChs,
'cht' : LangCht
}
}) Vue.prototype._i18n = i18n
const app = new Vue({ i18n, ...App })
4.index页面
1)
computed: {
i18n () {
return this.$t('message')
}
},
2)
change:function(){ this._i18n.locale = 'chs' },
3)
<view>
<text >{{ i18n.hello}}</text>
> </view>