开发指南013-国际化-前台部分

前端基于i18n实现。平台有个重要思想,不要什么都自己干,有成熟解决方案就集成,把有限的精力投到自己擅长的地方去。

第一步:

在lang目录下建立和修改对应资源

en.js 英文

ja.js 日文

fr.js 法文

zh-cn.js 简体中文

zh-tw.js 繁体中文

第二步:

main.js中引入

import i18n from './lang'

第三步:

使用t访问即可,例如t("permission.confirm")

语言切换为底层控件,

import LangSelect from '@/qlmcomponents/LangSelect'

<LangSelect v-if="CmsSitePropertyDto.languageSupport=='1'"/>

其中CmsSitePropertyDto为后台获取的本系统站点属性,languageSupport控制是否显示语言切换框

相关推荐
chxii20 小时前
6.3Element UI 的表单
javascript·vue.js·elementui
chxii20 小时前
6.4 Element UI 中的 <el-table> 表格组件
vue.js·ui·elementui
陪我一起学编程3 天前
创建Vue项目的不同方式及项目规范化配置
前端·javascript·vue.js·git·elementui·axios·企业规范
乐~~~4 天前
el-date-picker type=daterange 日期范围限制
javascript·vue.js·elementui
zuo-yiran5 天前
element table 表格多选框选中高亮
vue.js·elementui
zhoxier5 天前
elementui el-select 获取value和label 以及 对象的方法
javascript·vue.js·elementui
是小狐狸呀5 天前
elementUI-表单-下拉框数据选中后,视图不更新
前端·javascript·elementui
南半球与北海道#7 天前
el-table合并单元格
javascript·vue.js·elementui·表格合并
吃饭了吗7 天前
elementplus组件文本框设置前缀
前端·vue.js·elementui
进阶的小木桩12 天前
Vue 3 + Elementui + TypeScript 实现左侧菜单定位右侧内容
vue.js·elementui·typescript