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

相关推荐
镜宇秋霖丶9 小时前
2026.5.10@霖宇博客制作中遇见的问题
前端·vue.js·elementui
莫生灬灬11 小时前
ElementUI封装 共91个组件 支持易语言/火山/C#/Python
开发语言·c++·python·ui·elementui·c#
镜宇秋霖丶2 天前
2026.5.8@霖宇博客制作中遇见的问题
前端·vue.js·elementui
MXN_小南学前端2 天前
Vue + Element UI 分页器封装:比直接用 el-pagination 更省心的通用方案
javascript·vue.js·elementui
invicinble2 天前
前端框架使用vue-cli( 第二层:工程配置层--elementui需要做的基础配置)
vue.js·elementui·前端框架
周bro6 天前
vue2+element ui 中的el-table表格 选中当前行当前行变色,单选/多选--------续集:表格样式修改整合
vue.js·ui·elementui
T畅N6 天前
审批流设计器(前端)
前端·elementui·vue·html·流程图·js
abcnull6 天前
Springboot+Vue2的Web项目小白入门Demo快速学习!
java·elementui·vue·maven·springboot·web·小白
abcnull7 天前
传统的JavaWeb项目Demo快速学习!
java·servlet·elementui·vue·javaweb
FlyWIHTSKY13 天前
router-viiew没有滚动条,如何修复
前端·vue.js·elementui