Meta tags:
keywords=设计器的配置;
description=本文档包含组件的props参数配置指南及完整参数说明;

Headings (most frequently used words):

配置项, 设计器的配置, 指南, 基础, 扩展, 教程, 示例, config, 定义设计器的高度, 隐藏子表单菜单, 隐藏指定组件, 显示保存按钮,

Text of the page (most frequently used words):
boolean (31), designer (19), #config (18), script (12), template (12), string (12), height (11), ref (9), object (9), rule (9), data (7), vue (7), false (6), true (5), showsavebtn (5), return (5), component (5), name (5), default (5), export (5), 100vh (5), save (4), 可以覆盖默认规则 (4), array (4), hiddenitem (3), hiddenmenu (3), extendrule (3), 默认开启 (3), menu (3), 配置项 (3), handle (3), const (3), 设计器的配置 (3), 设计器的数据和方法 (2), page (2), ts类型定义 (2), 通过设置 (2), subform (2), 通过配置项的 (2), menuname (2), componentpermission (2), dragrule (2), props (2), void (2), value (2), label (2), 扩展字体 (2), 通过此配置 (2), menulist (2), 移动端 (2), element (2), navigation (2), vue3版本 (2), vue2版本 (2), fcdesigner (2), next, previous, pager, todo, methods, 启用了表单设计器顶部的保存按钮, 并定义了, 方法来处理保存事件, 显示保存按钮, eltreeselect, tree, group, 隐藏了表单设计器中的子表单, 树形控件和树形选择器等特定组件, 隐藏指定组件, 隐藏了表单设计器界面中的, 子表单, 菜单选项, 隐藏子表单菜单, 属性为, 来定义表单设计器组件的高度, 定义设计器的高度, 完整配置项的类型定义可参考, typescript, 数据结构文档, ts数据结构, 设置组件的初始化规则, updatedefaultrule, 组件配置的渲染规则, componentrule, 表单的渲染规则, formrule, 验证配置的渲染规则, validaterule, 基础配置的渲染规则, baserule, 定义渲染规则所需的formdata, appendconfigdata, 关闭页面时确认弹窗, exitconfirm, 是否显示国际化配置, showlanguage, 是否显示录入按钮, showinputdata, 是否显示多端适配选项, showdevice, 是否显示表单配置, showformconfig, 是否显示组件的验证配置表单, showvalidateform, 是否显示组件的事件配置表单, showeventform, 是否显示组件的样式配置表单, showstyleform, 是否显示组件的属性配置表单, showpropsform, 是否显示自定义props按钮, showcustomprops, 是否显示json预览按钮, showjsonpreview, 是否显示组件联动, showcontrol, 是否显示组件的编号, showcomponentname, 是否显示组件的基础配置表单, showbaseform, 是否显示右侧的配置界面, showconfig, 是否显示预览按钮, showpreviewbtn, 是否显示保存按钮, 是否显示左侧, showmenubar, 不可拖入的组件列表, denydrag, 可拖入的组件列表, allowdrag, 禁用组件的部分配置项, disableditemconfig, 隐藏组件的部分配置项, hiddenitemconfig, 禁用表单部分配置项, disabledformconfig, 隐藏表单部分配置项, hiddenformconfig, 隐藏部分组件, 左侧组件面板中, 指定分组的, 非隐藏, 默认收起左侧菜单, 默认折叠, collapsemenu, 隐藏部分菜单, 控制组件的配置权限, 隐藏拖拽按钮, hiddendragbtn, 隐藏拖拽操作按钮, hiddendragmenu, 控制组件验证是否只显示必填验证, validateonlyrequired, 配置name是否可以编辑, namereadonly, 配置field是否可以编辑, fieldreadonly, 定义表单配置默认值, formoptions, 是否生成vue2语法的模板组件, usetemplate, 右侧配置更新方式, updateconfigonblur, 是否在复制时自动重置组件的field, autoresetfield, 是否在复制时自动重置组件的name, autoresetname, 是否开启快捷键, hotkey, 判断组件是否可以拖入, drag, undefined, torule, tomenu, checkdrag, 排序组件配置项的顺序, base, advanced, slots, style, event, validate, configformorder, 选中组件前置事件, 终止选中, beforeactiverule, 删除组件前置事件, 终止删除, beforeremoverule, 多语言种类, localeoptions, 是否自动选中拖入的组件, autoactive, 是否可以切换组件类型, 或者可以相互切换的字段, switchtype, 配置设计区域显示方式, 100, device, fontfamily, 设计器顶部的扩展操作按钮, 是一个包含按钮名称和回调函数的数组, 可以添加自定义操作按钮并指定其行为, 配置设计器内的模块显示状态和默认规则, 可以控制哪些模块可见, 完整配置说明, 自定义左侧菜单列表, 此配置会覆盖设计器的默认菜单列表, 应包含你希望在设计器左侧显示的菜单项, number, 设计器组件的高度, 可以使用字符串, 或数字, 500, 指定设计器的显示高度, 500px, 是否显示组件遮罩层, 默认为, 此时用户无法操作组件, 设置为, 可以让用户直接操作设计器中的组件, mask, 多语言配置对象, 默认为中文, 通过设置此属性, 可以切换到其他语言的界面文本, locale, 属性名, 组件支持的完整配置项及说明如下, vue2, null, setup, vue3, 移动端设计器是, mobile, 本文档包含组件的, 参数配置指南及完整参数说明, 导出vue组件, 数据库表设计, 组件中获取设计器, 控制表单配置项显隐, 控制组件配置项显隐, 调整配置面板顺序, 可视化设计组件插槽, 默认收起组件分组, 限制容器可拖入组件, 组件类型切换, 组件值格式转换, 组件多语言配置, 隐藏组件和菜单, 设置组件默认配置, 设置表单默认配置, 生成选项配置规则, 获取表单结构树, 控制组件操作权限, 控制功能模块显隐, 覆盖内置组件, 渲染时监听事件, 打印表单内容, 表单渲染, 保存表单设计, 上传组件, 设置表单默认值, 常见问题, 扩展表单api, 扩展右侧配置规则, 扩展自定义操作, 扩展容器组件, 扩展组件, 扩展模板, 远程请求, 扩展组件分组, 管理字段列表, 管理字段id, 快捷键, inject, 表单验证规则, 渲染函数, 阅读模式, 组件联动, 表单多语言, 跨项目渲染, 移动端自适应, 表单api, 内置分组和组件, 助手方法, 原型方法, 设计器的事件, 高级版表单设计器, 渲染器文档, 源码集成, agent, skills, ai表单助理, 已开源, 多语言, 版本对比, vant, ant, design, plus, sidebar, 返回顶部, appearance, 高级版, 更新记录, 在线演示, 产品手册, 开发文档, main, search, skip, content,

Text of the page (random words):
设计器的配置 fcdesigner skip to content fcdesigner search k main navigation 官网 开发文档 产品手册 在线演示 vue2版本 vue3版本 移动端 更新记录 3 5 0 vue2版本 vue3版本 高级版 appearance menu 返回顶部 sidebar navigation 指南 介绍 element ui 版本 element plus 版本 ant design vue 版本 vant 移动端 版本 版本对比 图标 多语言 ai表单助理 已开源 agent skills 源码集成 渲染器文档 高级版表单设计器 基础 ts类型定义 设计器的配置 设计器的数据和方法 设计器的事件 原型方法 助手方法 内置分组和组件 变量 表单api 移动端自适应 跨项目渲染 表单多语言 组件联动 阅读模式 渲染函数 表单验证规则 inject 快捷键 扩展 管理字段id 管理字段列表 扩展组件分组 远程请求 扩展模板 扩展组件 扩展容器组件 扩展自定义操作 扩展右侧配置规则 扩展字体 扩展表单api 教程 常见问题 设置表单默认值 上传组件 保存表单设计 表单渲染 打印表单内容 渲染时监听事件 覆盖内置组件 控制功能模块显隐 控制组件操作权限 获取表单结构树 生成选项配置规则 设置表单默认配置 设置组件默认配置 隐藏组件和菜单 组件多语言配置 组件值格式转换 组件类型切换 限制容器可拖入组件 默认收起组件分组 可视化设计组件插槽 调整配置面板顺序 控制组件配置项显隐 控制表单配置项显隐 组件中获取设计器 数据库表设计 导出vue组件 意见 建议 目录 设计器的配置 本文档包含组件的 props 参数配置指南及完整参数说明 移动端设计器是 fc designer mobile 组件 vue3 vue template fc designer ref designer height height config config template script setup const designer ref null const height ref 100vh const config ref showsavebtn true script vue2 vue template fc designer ref designer height height config config fc designer template script export default name component data return height 100vh config showsavebtn true script 配置项 组件支持的完整配置项及说明如下 属性名 描述 类型 locale 多语言配置对象 默认为中文 通过设置此属性 可以切换到其他语言的界面文本 object mask 是否显示组件遮罩层 默认为 true 此时用户无法操作组件 设置为 false 可以让用户直接操作设计器中的组件 boolean height 设计器组件的高度 可以使用字符串 如 500px 100vh 或数字 如 500 指定设计器的显示高度 string number menu 自定义左侧菜单列表 此配置会覆盖设计器的默认菜单列表 menulist 应包含你希望在设计器左侧显示的菜单项 menulist config 配置设计器内的模块显示状态和默认规则 通过此配置 可以控制哪些模块可见 查看 完整配置说明 config handle 设计器顶部的扩展操作按钮 handle 是一个包含按钮名称和回调函数的数组 通过此配置 可以添加自定义操作按钮并指定其行为 handle config 配置项 配置项 类型 描述 fontfamily array string label string value string 扩展字体 device 100 string 配置设计区域显示方式 switchtype false array string 是否可以切换组件类型 或者可以相互切换的字段 autoactive boolean 是否自动选中拖入的组件 localeoptions array value string label string 多语言种类 beforeremoverule data rule rule false void 删除组件前置事件 返回 false 终止删除 beforeactiverule data rule rule false void 选中组件前置事件 返回 false 终止选中 configformorder array base advanced props slots style event validate 排序组件配置项的顺序 checkdrag drag rule rule undefined menu dragrule torule rule tomenu dragrule boolean 判断组件是否可以拖入 hotkey boolean 是否开启快捷键 默认开启 autoresetname boolean 是否在复制时自动重置组件的name 默认开启 autoresetfield boolean 是否在复制时自动重置组件的field 默认开启 updateconfigonblur boolean 右侧配置更新方式 usetemplate boolean 是否生成vue2语法的模板组件 formoptions object 定义表单配置默认值 fieldreadonly boolean 配置field是否可以编辑 namereadonly boolean 配置name是否可以编辑 validateonlyrequired boolean 控制组件验证是否只显示必填验证 hiddendragmenu boolean 隐藏拖拽操作按钮 hiddendragbtn boolean 隐藏拖拽按钮 componentpermission componentpermission 控制组件的配置权限 hiddenmenu menuname 隐藏部分菜单 collapsemenu menuname 左侧组件面板中 指定分组的 默认折叠 非隐藏 见 默认收起左侧菜单 hiddenitem string 隐藏部分组件 hiddenformconfig string 隐藏表单部分配置项 disabledformconfig string 禁用表单部分配置项 hiddenitemconfig object 隐藏组件的部分配置项 disableditemconfig object 禁用组件的部分配置项 allowdrag object 可拖入的组件列表 denydrag object 不可拖入的组件列表 showmenubar boolean 是否显示左侧 showsavebtn boolean 是否显示保存按钮 showpreviewbtn boolean 是否显示预览按钮 showconfig boolean 是否显示右侧的配置界面 showbaseform boolean 是否显示组件的基础配置表单 showcomponentname boolean 是否显示组件的编号 showcontrol boolean 是否显示组件联动 showjsonpreview boolean 是否显示json预览按钮 showcustomprops boolean 是否显示自定义props按钮 showpropsform boolean 是否显示组件的属性配置表单 showstyleform boolean 是否显示组件的样式配置表单 showeventform boolean 是否显示组件的事件配置表单 showvalidateform boolean 是否显示组件的验证配置表单 showformconfig boolean 是否显示表单配置 showdevice boolean 是否显示多端适配选项 showinputdata boolean 是否显示录入按钮 showlanguage boolean 是否显示国际化配置 exitconfirm boolean 关闭页面时确认弹窗 appendconfigdata string rule rule object 定义渲染规则所需的formdata baserule extendrule 基础配置的渲染规则 可以覆盖默认规则 validaterule extendrule 验证配置的渲染规则 可以覆盖默认规则 formrule extendrule 表单的渲染规则 可以覆盖默认规则 componentrule object 组件配置的渲染规则 可以覆盖默认规则 updatedefaultrule object 设置组件的初始化规则 完整配置项的类型定义可参考 typescript 数据结构文档 ts数据结构 示例 定义设计器的高度 通过设置 height 属性为 100vh 来定义表单设计器组件的高度 vue template fc designer ref designer height height fc designer template script export default name component data return height 100vh script 隐藏子表单菜单 通过配置项的 hiddenmenu 属性 隐藏了表单设计器界面中的 子表单 菜单选项 vue template fc designer ref designer config config fc designer template script export default name component data return config hiddenmenu subform script 隐藏指定组件 通过配置项的 hiddenitem 属性 隐藏了表单设计器中的子表单 分组 树形控件和树形选择器等特定组件 vue template fc designer ref designer config config fc designer template script export default name component data return config hiddenitem subform group tree eltreeselect script 显示保存按钮 通过设置 showsavebtn true 启用了表单设计器顶部的保存按钮 并定义了 save 方法来处理保存事件 vue template fc designer ref designer config config save save fc designer template script export default name component data return config showsavebtn true methods save todo script pager previous page ts类型定义 next page 设计器的数据和方法