uni-app 中英文切换

先看下图片 代码结构
uni-app 中英文切换_第1张图片

	 要下载一个语言包(i18n)
	**我在尝试这放图片**
	APP.vue文件
		import i18n from './lang/index' ;
		Vue.prototype._i18n = i18n;

		const app = new Vue({
			i18n,
		    ...App
	})	
	app.$mount();
切换语言页面
	view
	{{ i18n.yizhi }}
// 每个页面都要加   computed和methods同一级
    computed: {
        i18n() {
            return this.$t('index');
        }
    },
// 切换语言按钮
change() {
            const system_info = uni.getStorageSync('system_info');
            system_info.language === 'en' ? (system_info.language = this._i18n.locale = 'zh_CN') : (system_info.language = this._i18n.locale = 'en');
            uni.setStorageSync('system_info', system_info);
            uni.reLaunch({
                url: 'index'
            });
   
        },
要是看不懂得话,直接下载我的demo吧(免费的)(不知道什么原因,有时候下载会需要c币,在评论区给我说下,我好及时修改)
链接:https://download.csdn.net/download/weixin_44186787/12412209

    

你可能感兴趣的:(js,uni-app,javascript)