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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

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

查看更多 →

事件目标未被触发的原因？ 事件目标未被触发，可能是以下原因导致： 目标函数参数填写错误。 在事件订阅中使用 函数工作流 中的函数作为事件目标时，检查选择的源、package、函数名是否与预期相符。 事件目标的规则配置错误。 在事件订阅中配置事件目标时，检查选择的转换类型是否与预期相符。

查看更多 →

哪些事件可以触发FunctionGraph函数？ 有关事件源的完整列表，请参考支持的事件源。 父主题： 触发器管理

查看更多 →

弹出可添加事件的菜单栏（若没有可配置的事件，则菜单栏为空），选择需要绑定的事件。 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“绑定API”弹出绑定API面板。 图1 绑定API 填写基本配置。 “接口地址”选择服务定义中需要绑定的API，并设置“请求类型”和“触发条件”。 图2

查看更多 →

可以自定义按钮名称。 按钮类型 按钮样式类型。 禁用 正常状态：可单击。 禁用状态：不可单击。 高级事件 表2 高级事件 序号 事件名 触发条件 说明 1 onClick 单击按钮 单击按钮后触发JS方法或绑定的API接口 父主题： 表单组件

查看更多 →

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

查看更多 →

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

查看更多 →

更新组件数据，当组件加载数据时调用。 eventEmit(eventParam) 可选方法，触发组件交互事件，在需要触发交互的函数中调用该方法：this.eventEmit(eventParam)，此方法需要在gui.json中配置组件交互事件（events）。 eventParam：交互参数，该方法使用说明参考eventEmit方法使用。

查看更多 →

_mintui.zip）的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"

查看更多 →

新增 OMS 数据同步模板。 2020-12-30 新增APIC触发器。 新增APIG（专享版）触发器。 2020-10-30 新增GeminiDB Mongo触发器。 2020-09-30 DDS触发器支持并发。 2020-08-30 Kafka触发器支持并发，最大消息体为6MB。 2020-06-30

查看更多 →

-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。 表1 事件编排 事件名 说明 返回值 数据改变 已上传文件列表改变时触发。 当前已上传文件列表。 文件上传 开始上传文件时触发。 当前开始上传的文件。 当前已上传文件列表。 操作成功 上传成功后触发。 上传成功文件的地址。

查看更多 →

图15 显示效果 配置和开发完成后，支持触发告警事件，将告警消息推送至高级页面monitor中显示。本示例中有两种方法触发告警事件： 方法一：直接触发事件验证，仅用于事件简单调测。使用该方法前，请确保WebSocketAlarmEvent事件已启用，且monitor预览页面已打开。

查看更多 →

在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南

查看更多 →

图15 显示效果 配置和开发完成后，支持触发告警事件，将告警消息推送至高级页面monitor中显示。本示例中有两种方法触发告警事件： 方法一：直接触发事件验证，仅用于事件简单调测。使用该方法前，请确保WebSocketAlarmEvent事件已启用，且monitor预览页面已打开。

查看更多 →

utParam节点。 事件：由后台事件的字段映射创建，并且支持websocket刷新模型数据。 属性值绑定，用于对该组件所有属性的动态设置。当某一属性被动态绑定时，以绑定值为准。更多介绍，请参见属性绑定。 基本属性：基本属性通过数据绑定后，在运行时以数据绑定的值为准。 标签：设置组件的标签名，用于在界面展示。

查看更多 →