更新时间:2025-12-30 GMT+08:00
分享

管理UI引擎状态变量

UI引擎的页面设计器中,支持对项目内的“页面状态变量”“应用状态变量”进行创建、编辑、复制、删除等全生命周期管理操作。

本文将详细介绍状态变量的修改、复制与删除操作流程,帮助您高效管理项目中的状态数据。

前提条件

修改状态变量

页面状态变量和应用状态变量创建后,可根据业务需求随时修改其配置信息,修改后的配置会实时生效于所有绑定该变量的组件。

  1. 在页面设计器的左侧插件功能区,单击,展开“状态管理”面板。
  2. 根据目标变量的类型,切换至“页面状态”“应用状态”页签。
  3. 找到目标变量,将鼠标悬停在其所在行,单击,展开对应修改页面。

    图1 修改应用状态变量

  4. 根据实际业务需求修改相关信息,待完成修改后,单击右上方的“保存”并关闭页面。

复制状态变量

当需要创建与现有状态变量配置相似的新变量时,可通过复制功能快速生成,减少重复配置工作。复制操作会继承原变量的核心配置,您可在此基础上按需调整。

  1. 在页面设计器的左侧插件功能区,单击,展开“状态管理”面板。
  2. 根据目标变量的类型,切换至“页面状态”“应用状态”页签。
  3. 找到目标变量,将鼠标悬停在其所在行,单击,展开“复制变量”/“复制全局变量”页面。
  4. 在展开的页面,按需修改参数信息,单击“保存”

    • 复制页面状态变量
      表1 复制页面变量配置信息

      参数名称

      参数说明

      变量名

      状态变量的唯一标识名称。默认为“原变量名_copy”

      • 只能以字母或下划线(_)开头。
      • 仅允许包含数字、字母和下划线(_)。

      初始值类型

      继承原状态变量的初始值类型,支持自定义修改。

      初始值

      继承原状态变量的初始值,支持自定义修改。

      getter

      继承原状态变量的getter,支持自定义修改。

      setter

      继承原状态变量的setter,支持自定义修改。

    • 复制应用状态变量
      表2 复制全局变量配置信息

      参数名称

      参数说明

      stores

      应用状态变量的全局唯一标识名称。默认为“原stores_copy”

      • 只能以字母或下划线(_)开头。
      • 仅允许包含数字、字母和下划线(_)。

      state

      继承原状态变量的state,支持自定义修改。

      getters

      继承原状态变量的getters,支持自定义修改。

      actions

      继承原状态变量的actions,支持自定义修改。

删除状态变量

对于不再使用的状态变量,可通过删除功能清理,释放项目状态管理资源。

删除前需确保变量未被任何组件或业务逻辑引用,否则会导致程序运行异常。

  1. 在页面设计器的左侧插件功能区,单击,展开“状态管理”面板。
  2. 根据目标变量的类型,切换至“页面状态”“应用状态”页签。
  3. 找到目标变量,将鼠标悬停在其所在行,单击
  4. 在弹出的提示框中,单击“确定”

相关文档