Jeecg 结合Vue-i8n国际化双语配置

本文介绍了如何在Vue应用中使用vue-i18n进行多语言支持,并展示了如何与Jeecg平台的内置语言切换配合,以适应AntDesign UI。重点讲解了配置步骤、关键代码片段及在实际项目中的应用实例。
摘要由CSDN通过智能技术生成

在 Vue 中使用 vue-i18n,配套双语

1 安装 vue-i18n

Javascript

npm install vue-i18n

2 配置文件

在 src 目录下新建一个 i18n 文件夹,在 i18n 文件夹里分别创建 i18n.js、langs 文件夹,在 langs 文件夹下面创建你的语言文件(cn.js/en.js/ja.js)和 index.js 文件

结构

3 i18n.js

Javascript

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import messages from './langs'

Vue.use(VueI18n)
//从localStorage中拿到用户的语言选择,如果没有,那默认中文。
const i18n = new VueI18n({
  locale: localStorage.lang || 'cn',
  messages
})
export default i18n

4 index.js

Javascript

import en from './en'
import cn from './cn'
import ja from './ja'
export default {
  en,
  
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值