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

相关推荐
chushiyunen15 天前
vue el-pagination实现分页
javascript·vue.js·elementui
一坨阿亮15 天前
使用e-tree开发树形穿梭框
javascript·vue.js·elementui
北极星日淘18 天前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
chushiyunen19 天前
vue插件element ui,element plus,ElMessage消息框,ref,动态绑定语法
vue.js·ui·elementui
流浪码农~20 天前
Element Plus DatePicker 动态设置每周起始日
前端·vue.js·elementui
依托偶尔宁22 天前
element-plus:el-table设置展开图标所在列的位置
前端·elementui
吠品23 天前
PyTorch 踩坑:libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号
前端·vue.js·elementui
zhangyao9403301 个月前
开发pc端时,表格的高度怎么设置才能铺满页面
前端·javascript·elementui
mengqudoh1 个月前
elementui el-table 表头固定功能
javascript·vue.js·elementui
陪小甜甜赏月1 个月前
ElementPlus 多个并列 Table 独立全选/取消全选 (适配嵌套表格业务)
前端·vue.js·elementui