Meta tags:
keywords=管理字段列表;
description=在表单设计器中，您可以通过 props.field 配置来管理左侧的字段列表。通过拖动字段，您可以快速创建新的组件并初始化组件配置。;

Headings (most frequently used words):

管理字段列表, 指南, 基础, 扩展, 教程, 数据结构, 扩展字段列表,

Text of the page (most frequently used words):
field (18), label (16), false (8), type (8), rule (8), item (8), true (6), input (6), required (5), info (5), title (5), string (5), _fc_drag_tag (4), hidden (4), display (4), name (4), _fc_id (4), form (4), create (4), props (4), val (4), value (4), disabled (3), update (3), children (3), fieldnode (3), 管理字段列表 (3), 扩展组件分组 (2), page (2), 管理字段id (2), script (2), upload (2), suffix (2), file (2), url (2), res (2), prefix (2), function (2), anonymous (2), 用户头像 (2), pattern (2), array (2), 手机号 (2), datepicker (2), select (2), 潮牌男装 (2), 时尚女装 (2), 日用百货 (2), 电子产品 (2), template (2), designer (2), vue (2), 生成的组件 (2), fieldlist (2), boolean (2), pro (2), 移动端 (2), element (2), navigation (2), vue3版本 (2), vue2版本 (2), fcdesigner (2), next, previous, pager, 这种结构可以灵活扩展, 方便您在低代码设计器中快速管理和定义字段, ref_fv5hm1ef9o5mfhc, id_fsokm1ef9o5mfgc, data, onsuccess, action, f0gfm1ef9o5mffc, user_avatar, textarea, user_mark, 用户备注, user_name, 用户名称, 请输入正确的手机号, message, blur, trigger, mode, this, isarray, typeof, return, transform, validate, ref_festm1efbedegwc, id_f3a9m1efbedegvc, fif4m1efbeddguc, user_phone, user_id, 用户id, 用户表, ref_fba2m14iqwv9cec, id_fg4gm14iqwv9cdc, datetime, fip1m14iqwv9ccc, goods_update_time, 上架时间, ref_fzvkm1ef5b5udbc, id_flmkm1ef5b5udac, options, fetch, effect, 选择器, fyvqm1ef5b5ud9c, goods_cate, 商品分类, goods_name, 商品名称, goods_id, 商品id, 商品表, const, setup, ref, 下面是一个示例, 展示如何定义两个字段组, 商品表和用户表, 扩展字段列表, 的优先级高于, 如果同时定义, 子级字段, object, 更新组件或者模板的规则, 拖拽规则的name, 字段的规则模板, 字段名称, 字段名, 定义了字段列表的结构, 数据结构, 这个功能仅在, 版本的设计器中提供, 详细了解, 版本功能, 在表单设计器中, 您可以通过, 配置来管理左侧的字段列表, 通过拖动字段, 您可以快速创建新的组件并初始化组件配置, 导出vue组件, 数据库表设计, 组件中获取设计器, 控制表单配置项显隐, 控制组件配置项显隐, 调整配置面板顺序, 可视化设计组件插槽, 默认收起组件分组, 限制容器可拖入组件, 组件类型切换, 组件值格式转换, 组件多语言配置, 隐藏组件和菜单, 设置组件默认配置, 设置表单默认配置, 生成选项配置规则, 获取表单结构树, 控制组件操作权限, 控制功能模块显隐, 覆盖内置组件, 渲染时监听事件, 打印表单内容, 表单渲染, 保存表单设计, 上传组件, 设置表单默认值, 常见问题, 扩展表单api, 扩展字体, 扩展右侧配置规则, 扩展自定义操作, 扩展容器组件, 扩展组件, 扩展模板, 远程请求, 快捷键, inject, 表单验证规则, 渲染函数, 阅读模式, 组件联动, 表单多语言, 跨项目渲染, 移动端自适应, 表单api, 内置分组和组件, 助手方法, 原型方法, 设计器的事件, 设计器的数据和方法, 设计器的配置, ts类型定义, 高级版表单设计器, 渲染器文档, 源码集成, agent, skills, ai表单助理, 已开源, 多语言, 版本对比, vant, ant, design, plus, sidebar, 返回顶部, menu, 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 field 配置来管理左侧的字段列表 通过拖动字段 您可以快速创建新的组件并初始化组件配置 这个功能仅在 pro 版本的设计器中提供 详细了解 pro 版本功能 数据结构 fieldlist 定义了字段列表的结构 ts type fieldnode 字段名 field string 字段名称 label string 字段的规则模板 rule rule rule 生成的组件 拖拽规则的name item string 更新组件或者模板的规则 update required boolean disabled boolean info string title string props object 子级字段 children fieldnode type fieldlist fieldnode 注意 item 的优先级高于 rule 如果同时定义 使用 item 生成的组件 扩展字段列表 下面是一个示例 展示如何定义两个字段组 商品表和用户表 vue template fc designer ref designer field field template script setup const field label 商品表 children label 商品id item input field goods_id update disabled true label 商品名称 field goods_name item input label 商品分类 field goods_cate rule type select field fyvqm1ef5b5ud9c title 选择器 info effect fetch required false options label 电子产品 value 电子产品 label 日用百货 value 日用百货 label 时尚女装 value 时尚女装 label 潮牌男装 value 潮牌男装 _fc_id id_flmkm1ef5b5udac name ref_fzvkm1ef5b5udbc display true hidden false _fc_drag_tag select label 上架时间 field goods_update_time rule type datepicker field fip1m14iqwv9ccc title 日期 info required false props type datetime _fc_id id_fg4gm14iqwv9cdc name ref_fba2m14iqwv9cec display true hidden false _fc_drag_tag datepicker label 用户表 children label 用户id field user_id item input update disabled true label 手机号 field user_phone rule type input field fif4m1efbeddguc title 手机号 info required false _fc_id id_f3a9m1efbedegvc name ref_festm1efbedegwc display true hidden false _fc_drag_tag input validate transform form create prefix function anonymous val n n this type array isarray val array typeof val return val n form create suffix mode pattern trigger blur pattern 00 86 1 3 9 d 9 message 请输入正确的手机号 label 用户名称 field user_name item input label 用户备注 field user_mark item textarea label 用户头像 field user_avatar rule type upload field f0gfm1ef9o5mffc title 用户头像 info required false props action onsuccess form create prefix function anonymous res file n n file url res data url n form create suffix _fc_id id_fsokm1ef9o5mfgc name ref_fv5hm1ef9o5mfhc display true hidden false _fc_drag_tag upload script 这种结构可以灵活扩展 方便您在低代码设计器中快速管理和定义字段 pager previous page 管理字段id next page 扩展组件分组