开发指南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 小时前
el-select组件与el-tree组件结合实现下拉选择树型结构框
javascript·vue.js·elementui
伟笑7 小时前
elementui table禁用全选,一次限制勾选一项。
前端·javascript·elementui
sunn。2 天前
自定义组件触发饿了么表单校验
javascript·vue.js·elementui
夏之小星星2 天前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue
小小鸭程序员3 天前
Vue组件化开发深度解析:Element UI与Ant Design Vue对比实践
java·vue.js·spring·ui·elementui
月明长歌4 天前
Vue + Axios + Mock.js 全链路实操:从封装到数据模拟的深度解析
前端·javascript·vue.js·elementui·es6
头顶秃成一缕光4 天前
若依——基于AI+若依框架的实战项目(实战篇(下))
java·前端·vue.js·elementui·aigc
跟着珅聪学java5 天前
spring boot +Elment UI 上传文件教程
java·spring boot·后端·ui·elementui·vue
....4925 天前
Vue3 + Element Plus + AntV X6 实现拖拽树组件
javascript·vue.js·elementui·antvx6
喜陈5 天前
解决elementui-plus使用el-table的合计功能时横向滚动条显示在了合计上方
前端·vue.js·elementui