registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。 Event Label：事件标签名，在事件列表中展示的事件标题。

查看更多 →

"label": { "zh_CN": "点击时触发"// 事件名称 }, "description": { "zh_CN": "点击时触发"// 事件描述信息 },

查看更多 →

操作 说明 编辑触发事件 在触发事件列表，单击“操作”列的“编辑”可编辑触发事件。 测试触发事件 在触发事件列表，单击“操作”列的“测试”可测试触发事件。 说明： 测试触发事件前需要先发布连接器。 删除触发事件 在触发事件列表，单击“操作”列的“删除”可删除触发事件。 说明： 删除触发事件后无法恢复，请谨慎操作。

查看更多 →

鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，选择onClick事件。 在弹框中设置绑定事件。 方法名称：选择已有方法或者添加新方法，如果选项添加新方法，单击“确定”之后将在JS面板中创建一个该名称的新方法。 扩展参数：调用当前事件传入的真实参数，数组格式，追加在原有事件参数之后如:

查看更多 →

类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。 本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见添加事件或宏实现AstroZero高级页面组件交互。

查看更多 →

件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。 本章节使用的示例组件开发过程中，使用了前端开发框架Vue及组件库Element。事件-动作机制的详细介绍，请参见如何实现组件交互。 操作步骤

查看更多 →

registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。 Event Label：事件标签名，在事件列表中展示的事件标题。

查看更多 →

全部应用”中，单击对应的应用，进入应用。 在主菜单中，选择“流程管理”，单击“创建流程”。 设置流程名称（如事件触发流程），触发条件选择“事件触发”，单击“创建”。 图1 创建事件触发流程 创建完成后，系统自动进入流程设计页面，如图2所示。流程设计页面默认为纵向布局，单击主菜单中的“切换横向布局”，可将页面调整为横向布局，如图3。

查看更多 →

registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。参数说明如下： thisObj：当前组件实例对象，指为该组件注册事件。 eventName：事件名称，应该与触发事件API中的第一个参数保持一致。 Event Label：事件标签名，在事件列表中展示的事件标题。

查看更多 →

选中“按钮”组件，在按钮组件的事件配置面板，为按钮组件添加“点击”事件。 图6 为“按钮”组件添加“点击”事件 在弹出的编辑面板，单击左侧“设置模型实例数据”，将代码粘贴到编辑面板。将模型名称替换为待修改的模型“modalShow”，值设置为“true”。 图7 编辑单击事件 单击，保存页面后

查看更多 →

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

查看更多 →

调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结

查看更多 →

registerEvents：用于注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。 thisObj：当前组件实例对象，指为该组件注册事件。 "eventName"：事件名称，应该与触发事件API中的第一个参数保持一致。 "Event Label"：事件标签名，在事件列表中展示的事件标题。 [

查看更多 →

复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。 自定义组件结构 自定义组件包，目录结构如下。

查看更多 →

请参考自定义桥接器。 registerEvents 一般用于在组件初始化阶段注册事件，只有通过此API注册后的事件才会在组件的事件列表中展现。同样只有注册的事件之后才能通过triggerEvent触发，使用方式参考如下： /* @param {obj} widgetInst 组件对象自身

查看更多 →

AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app

查看更多 →

获取该组件国际化配置文件中定义的国际化文件内容，推荐配置vue和vueI18n使用。 hideWidget 隐藏组件。 showWidget 显示组件。 triggerEvent 触发事件，需要配合registerEvent使用。 registerResizeEvent 监听必要的dom尺寸变化事件，画布resize时会触发重新绘制。

查看更多 →

代码使用示例-用户发起点击通话 发起点击通话的前提，是在接收用户消息时，通过了webRTC环境的校验。 当demo中出现了以下按钮，代表可以发起点击通话。 发起的方法，可以参考Footer.vue中的createCall方法。 /音视频通话 createCall(callType)

查看更多 →

如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装

查看更多 →

zip”，请解压该包。 修改解压后的“Vue3Navigator_Widget.js”文件。 “Vue3Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue

查看更多 →

@opentiny/vue 导出名称 Loading 是否解构 开启 入口路径 本示例不填 版本号 0.1.20 CDN 本示例不填 单击“保存”。 绑定事件 在中心画布中选中按钮组件。 在右侧属性设置面板选择“高级”。 鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。

查看更多 →