管理UI引擎状态变量
在UI引擎的页面设计器中,支持对项目内的“页面状态变量”和“应用状态变量”进行创建、编辑、复制、删除等全生命周期管理操作。
本文将详细介绍状态变量的修改、复制与删除操作流程,帮助您高效管理项目中的状态数据。
前提条件
- 已进入目标项目的页面设计器,具体操作请参见进入前端项目页面设计器。
- 已完成至少一个页面状态变量或应用状态变量的创建,具体操作请参见创建与绑定页面状态变量和创建与绑定应用状态变量。
修改状态变量
页面状态变量和应用状态变量创建后,可根据业务需求随时修改其配置信息,修改后的配置会实时生效于所有绑定该变量的组件。
- 在页面设计器的左侧插件功能区,单击
,展开“状态管理”面板。 - 根据目标变量的类型,切换至“页面状态”或“应用状态”页签。
- 找到目标变量,将鼠标悬停在其所在行,单击
,展开对应修改页面。
图1 修改应用状态变量
- 根据实际业务需求修改相关信息,待完成修改后,单击右上方的“保存”并关闭页面。
复制状态变量
当需要创建与现有状态变量配置相似的新变量时,可通过复制功能快速生成,减少重复配置工作。复制操作会继承原变量的核心配置,您可在此基础上按需调整。
- 在页面设计器的左侧插件功能区,单击
,展开“状态管理”面板。 - 根据目标变量的类型,切换至“页面状态”或“应用状态”页签。
- 找到目标变量,将鼠标悬停在其所在行,单击
,展开“复制变量”/“复制全局变量”页面。 - 在展开的页面,按需修改参数信息,单击“保存”。
- 复制页面状态变量
表1 复制页面变量配置信息 参数名称
参数说明
变量名
状态变量的唯一标识名称。默认为“原变量名_copy”。
- 只能以字母或下划线(_)开头。
- 仅允许包含数字、字母和下划线(_)。
初始值类型
继承原状态变量的初始值类型,支持自定义修改。
初始值
继承原状态变量的初始值,支持自定义修改。
getter
继承原状态变量的getter,支持自定义修改。
setter
继承原状态变量的setter,支持自定义修改。
- 复制应用状态变量
表2 复制全局变量配置信息 参数名称
参数说明
stores
应用状态变量的全局唯一标识名称。默认为“原stores_copy”。
- 只能以字母或下划线(_)开头。
- 仅允许包含数字、字母和下划线(_)。
state
继承原状态变量的state,支持自定义修改。
getters
继承原状态变量的getters,支持自定义修改。
actions
继承原状态变量的actions,支持自定义修改。
- 复制页面状态变量
删除状态变量
对于不再使用的状态变量,可通过删除功能清理,释放项目状态管理资源。
删除前需确保变量未被任何组件或业务逻辑引用,否则会导致程序运行异常。
- 在页面设计器的左侧插件功能区,单击
,展开“状态管理”面板。 - 根据目标变量的类型,切换至“页面状态”或“应用状态”页签。
- 找到目标变量,将鼠标悬停在其所在行,单击
。 - 在弹出的提示框中,单击“确定”。