华为云首页用户手册

华为云Astro大屏应用-如何自定义动作:自定义动作参数说明

华为云Astro大屏应用-如何自定义动作:自定义动作参数说明

时间：2025-02-12 15:04:21

华为云Astro大屏应用交互设置

自定义动作参数说明

在自定义动作中，支持直接使用的参数如下：

eventParam：组件传递出的参数。
以日期选择器组件为例，介绍如何获取eventParam。
1. 在页面中，拖入一个日期选择器组件到画布中。
  图2 拖拽日期选择器到画布中
2. 选中日期选择器，单击，进入交互设置页面。
3. 按照下图，设置自定义动作。
  自定义组件动作时，通过输入关键词，可以联想出组件的信息。
  图3 设置自定义动作
```
/* * 可以像示例这样获取到组件对象，然后编写js代码 * 示例中表示，触发当前事件后，会隐藏组件widget16 * 帮助文档：https://support.huaweicloud.com/usermanualcanvas-astrozero/astrozero_05_7025.html * 可以直接使用的参数 * eventParam: 组件传递出的参数 * data: 交互动作信息对象 * $pageStore: 保存页面中全局变量的对象 * 你可以用$pageStore.setItems([{key:'id',value:'123'}])来批量更新全局变量 */// {widget16}.hideWidget()console.log(eventParam);console.log(data);console.log($pageStore);
```
4. 单击页面上方的，保存页面。
5. 单击，在预览页面，设置日期选择器的开始时间和结束时间。
  图4 预览效果
6. 设置完成后，按F12，在“Console”页签，即可获取查看eventParam。
  图5 eventParam
data：保存最详细的动作信息对象。
图6 查看data
$pageStore：保存页面中全局变量的对象。
如果在全局变量中，配置了一个field变量，并设置默认值为1。在自定义动作中，通过打印$pageStore（如图3），可以获取到全局变量。

图7 定义全局变量field

图8 查看$pageStore
$pageStore.setItems([{key:'id',value:'123'}])：批量更新全局变量。其中，key为全局变量名，value为全局变量的值。
图9 全局变量

上一篇：华为云Astro大屏应用-如何在页面URL参数中给全局变量赋值

下一篇：华为云Astro大屏应用-如何在页面URL参数中给全局变量赋值

新客秒杀 2核2G 3M L实例

68元/年

普惠上云领千元上云礼券

立即前往

企业专享 X实例 4核8G 5M

888元/年

热门域名 1元随心购

1元/年起

华为云Astro大屏应用-如何自定义动作:自定义动作参数说明

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题