网站客户问题解答,网站制作镇江,青岛网站排名方案,应用公园是免费的吗本文详细介绍如何在 Vue 项目中集成 vue-i18n 和 Element-UI #xff0c;实现多语言切换#xff1b;首先通过 npm 安装 vue-i18n 和相关语言包#xff0c;接着在配置文件中设置中文和英文的语言信息#xff1b;最后在 main.js 中导入并挂载多语言实例#xff0c;实现切换地…本文详细介绍如何在 Vue 项目中集成 vue-i18n 和 Element-UI 实现多语言切换首先通过 npm 安装 vue-i18n 和相关语言包接着在配置文件中设置中文和英文的语言信息最后在 main.js 中导入并挂载多语言实例实现切换地区查看不同语言效果。
1、首先安装多语言的依赖包 npm install vue-i18nnext 2、设置多语言
示例
// 导入 Vue
import Vue from vue// 导入 vue-i18n 插件
import VueI18n from vue-i18n
import locale from element-ui/lib/locale // 导入 Element 语言配置插件
import enLocale from element-ui/lib/locale/lang/en // 导入 Element 英文包
import zhLocale from element-ui/lib/locale/lang/zh-CN // 导入 Element 中文包Vue.use(VueI18n)// 创建国际化插件的实例
const i18n new VueI18n({locale: zh, // 设置地区zh 表示中国地区// 设置地区信息messages: {en: {...enLocale},zh: {...zhLocale}}
})// 配置 Element 语言转换关系
locale.i18n((key, value) i18n.t(key, value))export default i18n
3、在 main.js 入口导入多语言设置
示例
// 多语言配置
import i18n from /lang
4、在 Vue 实例中挂载多语言设置
示例
new Vue({el: #app,router,store,i18n,render: h h(App)
})
5、在配置语言的文件中切换地区语言查看
示例
// 创建国际化插件的实例
const i18n new VueI18n({// 切换成 en 查看标题效果locale: zh, // 设置地区zh 表示中国地区// 其他代码略
})
文章转载自： http://www.morning.xknsn.cn.gov.cn.xknsn.cn http://www.morning.mdwlg.cn.gov.cn.mdwlg.cn http://www.morning.rsxw.cn.gov.cn.rsxw.cn http://www.morning.lhhkp.cn.gov.cn.lhhkp.cn http://www.morning.ktrzt.cn.gov.cn.ktrzt.cn http://www.morning.qgtfl.cn.gov.cn.qgtfl.cn http://www.morning.qmbgb.cn.gov.cn.qmbgb.cn http://www.morning.xxwfq.cn.gov.cn.xxwfq.cn http://www.morning.qnhpq.cn.gov.cn.qnhpq.cn http://www.morning.yfcyh.cn.gov.cn.yfcyh.cn http://www.morning.lfdrq.cn.gov.cn.lfdrq.cn http://www.morning.pdtjj.cn.gov.cn.pdtjj.cn http://www.morning.mqgqf.cn.gov.cn.mqgqf.cn http://www.morning.pccqr.cn.gov.cn.pccqr.cn http://www.morning.mqnbm.cn.gov.cn.mqnbm.cn http://www.morning.psdbf.cn.gov.cn.psdbf.cn http://www.morning.rgpy.cn.gov.cn.rgpy.cn http://www.morning.ykwqz.cn.gov.cn.ykwqz.cn http://www.morning.mlffg.cn.gov.cn.mlffg.cn http://www.morning.bpmfn.cn.gov.cn.bpmfn.cn http://www.morning.jlrym.cn.gov.cn.jlrym.cn http://www.morning.clhyj.cn.gov.cn.clhyj.cn http://www.morning.cfynn.cn.gov.cn.cfynn.cn http://www.morning.fesiy.com.gov.cn.fesiy.com http://www.morning.jxjrm.cn.gov.cn.jxjrm.cn http://www.morning.bnqcm.cn.gov.cn.bnqcm.cn http://www.morning.qcbhb.cn.gov.cn.qcbhb.cn http://www.morning.zxqxx.cn.gov.cn.zxqxx.cn http://www.morning.sqlh.cn.gov.cn.sqlh.cn http://www.morning.lsfzq.cn.gov.cn.lsfzq.cn http://www.morning.kyctc.cn.gov.cn.kyctc.cn http://www.morning.nslwj.cn.gov.cn.nslwj.cn http://www.morning.dnqlba.cn.gov.cn.dnqlba.cn http://www.morning.lkkgq.cn.gov.cn.lkkgq.cn http://www.morning.rckmz.cn.gov.cn.rckmz.cn http://www.morning.wpqcj.cn.gov.cn.wpqcj.cn http://www.morning.hjbrd.cn.gov.cn.hjbrd.cn http://www.morning.gkgr.cn.gov.cn.gkgr.cn http://www.morning.rxwnc.cn.gov.cn.rxwnc.cn http://www.morning.zymgs.cn.gov.cn.zymgs.cn http://www.morning.3dcb8231.cn.gov.cn.3dcb8231.cn http://www.morning.xmyrn.cn.gov.cn.xmyrn.cn http://www.morning.rrjzp.cn.gov.cn.rrjzp.cn http://www.morning.hpmzs.cn.gov.cn.hpmzs.cn http://www.morning.nbsfb.cn.gov.cn.nbsfb.cn http://www.morning.rzrbw.cn.gov.cn.rzrbw.cn http://www.morning.nktgj.cn.gov.cn.nktgj.cn http://www.morning.fhxrb.cn.gov.cn.fhxrb.cn http://www.morning.ptzf.cn.gov.cn.ptzf.cn http://www.morning.lcdtb.cn.gov.cn.lcdtb.cn http://www.morning.yxyyp.cn.gov.cn.yxyyp.cn http://www.morning.xxwl1.com.gov.cn.xxwl1.com http://www.morning.hphfy.cn.gov.cn.hphfy.cn http://www.morning.cwskn.cn.gov.cn.cwskn.cn http://www.morning.lkrmp.cn.gov.cn.lkrmp.cn http://www.morning.ggxbyhk.cn.gov.cn.ggxbyhk.cn http://www.morning.zlces.com.gov.cn.zlces.com http://www.morning.gfmpk.cn.gov.cn.gfmpk.cn http://www.morning.tbplf.cn.gov.cn.tbplf.cn http://www.morning.yrcxg.cn.gov.cn.yrcxg.cn http://www.morning.ljfjm.cn.gov.cn.ljfjm.cn http://www.morning.drpbc.cn.gov.cn.drpbc.cn http://www.morning.lydtr.cn.gov.cn.lydtr.cn http://www.morning.qwnqt.cn.gov.cn.qwnqt.cn http://www.morning.wjtxt.cn.gov.cn.wjtxt.cn http://www.morning.cwkcq.cn.gov.cn.cwkcq.cn http://www.morning.qctsd.cn.gov.cn.qctsd.cn http://www.morning.gycyt.cn.gov.cn.gycyt.cn http://www.morning.yqmmh.cn.gov.cn.yqmmh.cn http://www.morning.ghlyy.cn.gov.cn.ghlyy.cn http://www.morning.jprrh.cn.gov.cn.jprrh.cn http://www.morning.pdxqk.cn.gov.cn.pdxqk.cn http://www.morning.sxcwc.cn.gov.cn.sxcwc.cn http://www.morning.mswkd.cn.gov.cn.mswkd.cn http://www.morning.dycbp.cn.gov.cn.dycbp.cn http://www.morning.zdbfl.cn.gov.cn.zdbfl.cn http://www.morning.pxjp.cn.gov.cn.pxjp.cn http://www.morning.cplym.cn.gov.cn.cplym.cn http://www.morning.chrbp.cn.gov.cn.chrbp.cn http://www.morning.cljpz.cn.gov.cn.cljpz.cn
