下載 vue-i18n

npm/cnpm i vue-i18n

聲明

main.js

import Vue from 'vue'
import App from './App'
import VueI18n from 'vue-i18n';
import en from './common/en.js';
Vue.use(VueI18n)  
Vue.config.productionTip = false

const i18n = new VueI18n({ 
    locale: 'en-cont',
    messages:{
        'en-cont': en,
    }
}) 
Vue.prototype._i18n = i18n
App.mpType = 'app'

const app = new Vue({
    i18n, 
    ...App
})
app.$mount()

使用

<template>
    <view class="product-page">
        {{ i18n.title }}
    </view>
</template>

<script>
    export default {
        data() {
            return {
                msg:'hello'
            }
        },
        methods: {
            
        },
        computed:{
            i18n(){
                return this.$t('product')
            }
        },
    }
</script>

<style>
</style>

數(shù)據(jù)

en.js

export default {
    lang: 'en',
    title:'111'
}

獲取當前設(shè)備語言

const res = uni.getSystemInfoSync();
let cl=uni.getStorageSync('currentLan')

豎屏鎖定

// #ifdef APP-PLUS
plus.screen.lockOrientation('portrait-primary');
// #endif