组件方法

#组件方法 | 来源: 网络整理| 查看: 265

# 组件方法

提示

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

← 配置说明自定义组件 →

【本文地址】

公司简介

联系我们