Advertisement

Vue-i18n 是一个好用的前端国际化插件 支持中英切换 (语言版本)

阅读量：

在项目开发实施阶段，国际化处理往往成为常见需求。当项目采用Vue框架进行构建时，实现国际化将更为便捷，可借助Vue-i18n插件完成前端界面的多语言适配。以下是具体实施流程：

1、安装依赖包

复制代码 
    npm install vue-i18n --save

2、在main.js入口文件中引入vue-i18n插件

复制代码 
 import VueI18n from 'vue-i18n'

    
 Vue.use(VueI18n)

3、在main.js中完成对vue-i18n的引用后，立即进行vue-i18n语言配置的设置

复制代码 
 //设置语言，默认是中文

    
 var lang = localStorage.getItem("lang") || "zh";
    
 Vue.config.lang = lang;
    
 //很多时候，国际化因为英文名称一般长于中文名称，都需要重新对样式进行适配
    
 if(lang == "en"){
    
 	require('./style/common_en.css')
    
 }else{
    
 	require('./style/common.css')	
    
 }
    
 // 分别

全部评论 (0)

还没有任何评论哟~

相关文章推荐