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

相关推荐
雪芽蓝域zzs18 小时前
第4节:el-select 弹窗事件控制(打开 / 关闭、选中事件、弹窗滚动事件)
vue.js·elementui
ss2731 天前
AI全栈实战 | 2.3-01 组件库实战:Element Plus 怎么搭出专业界面,过度封装为什么成维护负担
前端·javascript·elementui·vue
雪芽蓝域zzs1 天前
第3节:el-select 弹窗定位、滚动穿透与挂载容器(popper-append-to-body /teleported)
vue.js·elementui
雪芽蓝域zzs2 天前
第 2 节:基础扩展 - 下拉弹窗常用原生属性
vue.js·elementui
雪芽蓝域zzs2 天前
Vue3 + Element Plus el-select 下拉弹窗
vue.js·elementui
朱 欢 庆6 天前
el-table 表格组件二次封装
javascript·vue.js·elementui
ℋᙚᵐⁱᒻᵉ鲸落13 天前
ETypeError: nameRef.value?.focus is not a functio. 设置el-input自动聚焦时报错
前端·javascript·vue.js·elementui
愛芳芳16 天前
基于 Electron + Vue3 的仿 PC 微信客户端项目实战
前端·javascript·css·elementui·typescript·electron·vue
妖孽白小白22 天前
el-select的内容续写实现
前端·vue.js·elementui
鱼与宇1 个月前
Element-plus离线访问(适用内网)
elementui·vue3