开发指南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控制是否显示语言切换框

相关推荐
森林的尽头是阳光9 小时前
tree回显问题
javascript·vue.js·elementui
Bad_Shepherd1 天前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
不甘平凡的小鸟8 天前
Element-UI记录
javascript·vue.js·ui·elementui
chushiyunen1 个月前
vue el-pagination实现分页
javascript·vue.js·elementui
一坨阿亮1 个月前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
北极星日淘1 个月前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
chushiyunen1 个月前
vue插件element ui,element plus,ElMessage消息框,ref,动态绑定语法
vue.js·ui·elementui
流浪码农~1 个月前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
依托偶尔宁2 个月前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
吠品2 个月前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui