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

相关推荐
滿19 小时前
Vue3 Element Plus el-tabs数据刷新方法
javascript·vue.js·elementui
一抓掉一大把1 天前
elementui日历显示红点及根据日程范围判断是否有红点
前端·javascript·elementui
Sahas10191 天前
vite+vue2+elementui构建之 vite.config.js
vue.js·elementui
沉迷...1 天前
el-input限制输入只能是数字 限制input只能输入数字
开发语言·前端·elementui
Bald Monkey2 天前
【Element Plus】解决移动设备使用 el-menu 和 el-sub-menu 时,子菜单需要点击两次才会隐藏的问题
前端·elementui·vue·element plus
海天胜景2 天前
vue3 el-table 右击
javascript·vue.js·elementui
Sahas10192 天前
vite+vue2+elementui构建之 package.json
elementui·vue·vite
山海上的风3 天前
Vue里面elementUi-aside 和el-main不垂直排列
前端·vue.js·elementui
凉豆菌3 天前
在html中如何创建vue自定义组件(以自定义文件上传组件为例,vue2+elementUI)
vue.js·elementui·html