uniapp切换中英文

  1. npm i vue-i18n

  2. 在main.js里面添加
    import VueI18n from “vue-i18n”
    Vue.use(VueI18n);
    const i18n = new VueI18n({
    locale:(uni.getStorageSync(‘shiplang’) == ‘’||uni.getStorageSync(‘shiplang’) == null)? “zh” :uni.getStorageSync(‘shiplang’),
    messages: {
    zh: require(“./locale/zh-Hans.json”),
    en: require(“./locale/en.json”)
    }
    });
    Vue.prototype._i18n = i18n

  3. 创建语言包

  4. 在这里插入图片描述
    在这里插入图片描述

  5. 页面使用 {{$t(‘publish’)}}

  6. 切换语言
    toChangeLang(){
    var lang = this.$i18n.locale==‘zh’?‘en’:‘zh’
    this._i18n.locale =lang
    },

  7. 页面监听语言变化

  8. 在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值