mirror of
https://gitee.com/dotnetchina/OpenAuth.Net.git
synced 2025-07-16 16:50:54 +08:00
📃docs: 增加多语言说明
This commit is contained in:
parent
7c36c79f37
commit
d7f4b667a1
@ -1,7 +1,7 @@
|
|||||||
/*
|
/*
|
||||||
* @Author: yubaolee <yubaolee@163.com> | ahfu~ <954478625@qq.com>
|
* @Author: yubaolee <yubaolee@163.com> | ahfu~ <954478625@qq.com>
|
||||||
* @Date: 2025-04-23 20:26:48
|
* @Date: 2025-04-23 20:26:48
|
||||||
* @LastEditTime: 2025-06-07 23:11:29
|
* @LastEditTime: 2025-06-25 15:12:53
|
||||||
* @Description: 笔记配置
|
* @Description: 笔记配置
|
||||||
* Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved.
|
* Copyright (c) 2025 by yubaolee | ahfu~ , All Rights Reserved.
|
||||||
*/
|
*/
|
||||||
@ -49,7 +49,7 @@ const proNote = defineNoteConfig({
|
|||||||
{
|
{
|
||||||
text: '基础开发',
|
text: '基础开发',
|
||||||
collapsed: false,
|
collapsed: false,
|
||||||
items: ['start','deploy','structure','devnew','devnewmulti', 'router','openurl','keepalive','datapropertyrule']
|
items: ['start','deploy','structure','multilangs','devnew','devnewmulti', 'router','openurl','keepalive','datapropertyrule']
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
text: '内置组件',
|
text: '内置组件',
|
||||||
|
46
newdocs/docs/notes/pro/multilangs.md
Normal file
46
newdocs/docs/notes/pro/multilangs.md
Normal 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
|
Loading…
Reference in New Issue
Block a user