jeecg框架的form表单如何在formschemas中增加自定义组件
时间: 2024-03-01 11:51:53 浏览: 64
在 Jeecg 框架的 Form 表单中,要增加自定义组件,需要在 FormSchemas 中配置组件的相关信息。具体步骤如下:
1. 打开 FormSchemas 配置文件,一般位于 src/main/resources/jeecg/jeecg_form.json。
2. 在 FormSchemas 中找到需要增加自定义组件的表单项,例如:
```
{
"title": "姓名",
"type": "input",
"name": "name",
"required": true,
"col_span": 12,
"rules": [
{
"required": true,
"message": "请输入姓名",
"trigger": "blur"
}
]
}
```
3. 在该表单项中添加自定义组件的信息,例如:
```
{
"title": "性别",
"type": "select",
"name": "gender",
"required": true,
"col_span": 12,
"options": [
{
"label": "男",
"value": "male"
},
{
"label": "女",
"value": "female"
}
],
"component": "CustomSelect"
}
```
其中,"component": "CustomSelect" 表示该表单项使用了自定义组件 CustomSelect。
4. 在 FormSchemas 所在的页面中引入自定义组件,例如:
```
import CustomSelect from '@/components/CustomSelect'
```
5. 在 FormSchemas 所在的页面中注册自定义组件,例如:
```
components: {
CustomSelect
}
```
这样就可以在 Jeecg 框架的 Form 表单中使用自定义组件了。
阅读全文