Skip to content

页面变量

页面变量只能在当前应用内使用,用于存储当前应用的一些状态值。

管理页面

在大屏应用的左侧边栏中,点击页面变量图标,可以打开页面变量的管理界面。应用内所有的页面变量会以列表的形式进行展示。管理界面支持对页面变量的新增、编辑和删除操作。

新增页面变量时,需要填写变量名、变量值和备注等信息。

  • 变量名是变量的唯一标识。

  • 变量值是变量的初始值,支持数字、字符串、布尔值、对象等 JS 数据类型。

  • 备注用于描述变量的业务含义。

使用说明

1. 数据绑定

在组件的数据设置面板中,支持配置页面变量类型的数据。通过可视化配置的方式,将组件的数据绑定到指定的页面变量。

2. 自定义代码

在自定义代码中,通过特定语法可以获取和更新页面变量。

获取页面变量:

js
context.variables.get('variableName')

更新页面变量:

js
context.variables.set('variableName', variableValue)

3. 表达式

在表达式中,可以通过页面变量的变量名直接获取页面变量。如 {{ variableName }}

WARNING

表达式场景下,不支持页面变量的赋值操作。