页面JS及事件绑定 页面JS基本使用与管理 绑定API 父主题： UI编辑器使用帮助

查看更多 →

在弹框中设置绑定事件。 方法名称：输入方法名称，名称可以由字母、数字、下划线、$ 符号组成，不能以数字开头。 可以选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后如:

查看更多 →

有可配置的事件，则菜单栏为空），选择需要绑定的事件。 图2 绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法 选中画布中已有的组件元素。

查看更多 →

生命周期介绍 这里的生命周期特指Vue的生命周期，Vue的生命周期可以简单分为四个阶段：创建阶段，挂载阶段，运行阶段，销毁阶段。 图5 生命周期介绍 setup：在组件创建时执行。 onBeforeMount：在组件被挂载之前执行。 onMounted：在组件挂载完成后执行。 onBeforeUpdate：在组件更新之前执行。

查看更多 →

使用JS面板 在常规代码开发中，我们需要为某个区块或者某个元素添加一些事件，比如单击事件，同一个页面的事件会统一保存到对应的页面JS中。 很多时候我们需要自定义一些方法去复用一些逻辑，也需要用到页面JS。 需要注意的是当前的页面JS只能使用声明函数，不能使用函数表达式声明函数，也不能在页面JS中定义其他的变量。

查看更多 →

本章节以按钮组件单击时显示Loading效果为例为您介绍npm utils的使用。 添加组件 参考登录AstroPro界面中操作，登录AstroPro界面。 在左侧导航栏中，选择“前端应用”。 单击待编辑应用模块内的“应用开发”，进入设计器。 在左侧插件栏中，单击，展开物料资产包。 在

查看更多 →

自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，AstroCanvas支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组

查看更多 →

编辑区域，即可出现系统预置的经典接口。 图2 预置接口代码 方式二：通过定义服务模型实现 定义服务模型类型的数据模型，数据模型由后台服务的出入参数模型创建，分别生成inputParam和outputParam节点。 下面以输入框组件通过定义服务模型类型的数据模型，调用后台接口（服务编排或脚本）为例，进行介绍。

查看更多 →

自定义组件时，如何设置交互事件的输出变量 操作场景 开发者自定义组件时，可设置交互事件的输出变量，如图1所示，AstroCanvas支持将事件的输出变量（如“selectValue”）绑定页面级的全局变量（如“status”）。 图1 事件输出参数绑定全局变量 实现逻辑 自定义组

查看更多 →

册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。

查看更多 →

册组件事件和组件动作。 是 render(生命周期函数) 组件核心渲染API，负责组件的实例化、数据调用及事件、动作的实际实现。 是 beforeDestroy(生命周期函数) 组件销毁回调事件，负责组件在销毁期间的内存释放逻辑实现，需要把组件绑定的一些dom事件及全局的引用销毁。

查看更多 →

现对页面的数据进行一定的校验，提交流程，然后再做一些后置处理。 选择画布中的提交按钮，打开右侧的属性面板，开启“自定义操作区”按钮。 图15 提交按钮 选择左侧插件栏的JS，进入JS页面，单击“展示使用帮助”。如图16所示。 模板中预置了常用的JS脚本模板，可以直接复制编辑使用。

查看更多 →

错误率=访问页面报错的数量 /访问页面的总数量。 影响用户比例 影响用户比例=访问某个页面报错的用户数量/访问某个页面用户的总数量。例如：100个人访问了某个页面，其中10个人页面报错了，那影响用户比例就是10%。 页面地址 页面的地址。 错误信息 报错的信息。 错误栈 该错误产生的错误堆栈。

查看更多 →

已注册事件的处理方法执行流程 图1 已注册事件的处理方法执行流程 父主题： 附录-流程说明

查看更多 →

预设样式：预置的组件样式。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页

查看更多 →

预设样式：预置的组件样式。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功

查看更多 →

按钮 使用场景 页面中承载操作的控件，如确认、提交、取消或下载等操作，也可用于表单表格中的操作。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 按钮名称 按钮中间显示的文本内容 多语言输入框 - 按钮 √ 2 按钮类型 按钮样式类型

查看更多 →

是 String 用户Token。通过调用IAM服务 获取IAM用户Token接口获取，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见 Token认证。 最小长度：0 最大长度：20000 表4 请求Body参数 参数

查看更多 →

是 String 用户Token。通过调用IAM服务 获取IAM用户Token接口获取，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见 Token认证。 最小长度：0 最大长度：20000 表4 请求Body参数 参数

查看更多 →

是 String 用户Token。通过调用IAM服务 获取IAM用户Token接口获取，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见 Token认证。 最小长度：0 最大长度：20000 表4 请求Body参数 参数

查看更多 →

是 String 用户Token。通过调用IAM服务 获取IAM用户Token接口获取，接口返回的响应消息头中“X-Subject-Token”就是需要获取的用户Token。简要的获取方法样例请参见 Token认证。 最小长度：0 最大长度：20000 表4 请求Body参数 参数

查看更多 →