github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-01-23 09:40:25 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

docs: add form slots docs (#4992)

Browse Source
This commit is contained in:
Netfan 2024-12-01 21:37:19 +08:00 committed by GitHub
parent e8992a1d16
commit 32117b73aa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
docs/src/components/common-ui/vben-form.md
View File

@ -419,7 +419,7 @@ export interface FormSchema<
help?: string; help?: string;
/** 表单项 */ /** 表单项 */
label?: string; label?: string;
// 自定义组件内部渲染 /** 自定义组件内部渲染 */
renderComponentContent?: RenderComponentContentType; renderComponentContent?: RenderComponentContentType;
/** 字段规则 */ /** 字段规则 */
rules?: FormSchemaRuleType; rules?: FormSchemaRuleType;
@ -500,3 +500,20 @@ import { z } from '#/adapter/form';
}); });
} }
``` ```
## Slots
可以使用以下插槽在表单中插入自定义的内容
| 插槽名 | 描述 |
| ------------- | ------------------ |
| reset-before | 重置按钮之前的位置 |
| submit-before | 提交按钮之前的位置 |
| expand-before | 展开按钮之前的位置 |
| expand-after | 展开按钮之后的位置 |
::: tip 字段插槽
除了以上内置插槽之外，`schema`属性中每个字段的`fieldName`都可以作为插槽名称，这些字段插槽的优先级高于`component`定义的组件。也就是说，当提供了与`fieldName`同名的插槽时，这些插槽的内容将会作为这些字段的组件，此时`component`的值将会被忽略。
:::