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

相关推荐
我的心巴3 小时前
Vue2 ElementUI Tree 拖动目标节点能否被放置及获取放置位置
前端·vue.js·elementui
刘 怼怼21 小时前
Element UI 表格中实现搜索关键字高亮的
vue.js·ui·elementui
BillKu2 天前
vue3 + TypeScript +Element Plus 输入框回车事件 @keydown.enter
vue.js·elementui·typescript
Luffe船长2 天前
vue+elementUI实现固定table超过设定高度显示下拉条
前端·elementui·vue
ew452182 天前
【VUE】某时间某空间占用情况效果展示,vue2+element ui实现。场景:会议室占用、教室占用等。
前端·vue.js·ui·elementui
BillKu3 天前
Element Plus 对话框 el-dialog 和 抽屉 el-drawer 的使用注意项(使用 div 包裹)
javascript·vue.js·elementui
全栈小54 天前
【前端】Vue3+elementui+ts,给标签设置样式属性style时,提示type check failed for prop,再次请出DeepSeek来解答
前端·elementui
草履虫建模5 天前
Web开发全栈流程 - Spring boot +Vue 前后端分离
java·前端·vue.js·spring boot·阿里云·elementui·mybatis
meng半颗糖5 天前
vue3 双容器自动扩展布局 根据 内容的多少 动态定义宽度
前端·javascript·css·vue.js·elementui·vue3
selfsuer5 天前
关于vue3 + element-plus 中 el-date-picker ,当type为datetime 的时候,如何去除底部的此刻按钮
前端·vue.js·elementui