# 组件方法
提示
1. 添加自定义拖拽组件按钮时务必先通过addComponent
方法导入拖拽组件规则
2. 内置的三个组件分组name
分别为: main
,aide
,layout
# getRule
获取设计器表单区域生成表单的生成规则
type getRule = () => Rule[]
- 用法:
const rule = vm.$refs.designer.getRule()
# getJson
获取设计器表单区域生成表单的JSON
规则
type getJson = () => string
- 用法:
const json = vm.$refs.designer.getJson()
# getOption
获取设计器表单区域生成表单的表单配置
type getOption = () => {form:Object}
- 用法:
const option = vm.$refs.designer.getOption()
# setRule
设置设计器表单区域表单的生成规则
type setRule = (rule:Rule[]|string) => void
- 用法:
const rule = [{"type":"input","field":"eeb1lcwnhehiu","title":"输入框","info":"","_fc_drag_tag":"input","hidden":false,"display":true}]
vm.$refs.designer.setRule(rule)
# setOption
设置设计器表单区域表单的规则
type setOption = (option: {form:Object}) => void
- 用法:
const option = {
"form": {
"labelPosition": "right",
"size": "mini",
"labelWidth": "125px",
"hideRequiredAsterisk": false,
"showMessage": true,
"inlineMessage": false
}
}
vm.$refs.designer.setOption(option)
# addMenu
在设计器左边组件区域中插入一组拖拽组件
type addMenu = (menu: Menu) => void
# removeMenu
在设计器左边组件区域中删除一组拖拽组件
type removeMenu = (name: string) => void
# setMenuItem
在设计器左边组件区域组件分组中批量覆盖插入拖拽组件
type setMenuItem = (menuName: string, items: MenuItem[]) => void
# appendMenuItem
在设计器左边组件区域组件分组中插入一个拖拽组件
type appendMenuItem = (menuName:string, item: MenuItem) => void
# removeMenuItem
在设计器左边组件区域中删除一个拖拽组件
type removeMenuItem = (menu: string | MenuItem) => void
# addComponent
新增一个拖拽组件的生成规则
type addComponent = (item: DragRule | DragRule[]) => void