📃docs: 增加多语言说明

This commit is contained in:
yubaolee 2025-06-25 15:16:36 +08:00
parent 7c36c79f37
commit d7f4b667a1
2 changed files with 48 additions and 2 deletions

View File

@ -1,7 +1,7 @@
/*
* @Author: yubaolee <yubaolee@163.com> | ahfu~ <954478625@qq.com>
* @Date: 2025-04-23 20:26:48
* @LastEditTime: 2025-06-07 23:11:29
* @LastEditTime: 2025-06-25 15:12:53
* @Description:
* Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved.
*/
@ -49,7 +49,7 @@ const proNote = defineNoteConfig({
{
text: '基础开发',
collapsed: false,
items: ['start','deploy','structure','devnew','devnewmulti', 'router','openurl','keepalive','datapropertyrule']
items: ['start','deploy','structure','multilangs','devnew','devnewmulti', 'router','openurl','keepalive','datapropertyrule']
},
{
text: '内置组件',

View File

@ -0,0 +1,46 @@
---
title: 多语言
createTime: 2025/04/23 23:43:26
permalink: /pro/multilangs/
---
## 多语言配置
vue3版本使用 vue-i18n 实现多语言支持,通过 `useI18n()` 钩子访问翻译功能。
### 使用方法
1. **引入 i18n**
```javascript
import { useI18n } from 'vue-i18n'
const i18n = useI18n()
```
2. **模板中使用**
```html
<div>{{ $t('login.title') }}</div>
```
3. **JS代码中使用**
```javascript
i18n.t('login.validation.usernameRequired')
```
### 配置示例
在登录页面可见的多语言项:
- 登录相关:`login.title`, `login.workflowEngine`, `login.usernamePlaceholder`, `login.passwordPlaceholder`
- 验证消息:`login.validation.usernameRequired`, `login.validation.passwordRequired`
- 租户选择:`login.tenants.default`, `login.tenants.notExist`
### 添加新语言
1. 在语言文件中添加新的翻译项
2. 确保所有使用的键都有对应翻译
### 注意事项
- 使用嵌套对象结构组织翻译项
- 参数化文本使用 `{param}` 语法
- 确保所有用户界面文本都使用 i18n