，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。

查看更多 →

，以及每个组件的属性、数据、计算属性和插槽。 实时编辑：在Devtools中直接修改组件的数据，可以立即在应用中看到变化。 事件追踪：查看组件之间的事件传递，帮助理解和调试组件间的交互。 Vuex集成：如果应用使用了Vuex，可以在Devtools中查看、追踪和编辑应用的状态。

查看更多 →

径。 i18n：指定组件的国际化资源文件。本例模板中未体现。 requires：依赖的库名称和版本号。 width：在绝对布局高级页面中添加该组件时的默认宽度，单位为px，不填写默认为200px。本例模板中未体现。 height：在绝对布局高级页面中添加该组件时的默认高度，单位为

查看更多 →

助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。 给组件绑定JS方法 在页面JS中添加脚本并保存。 function exampleFunction() { // JS逻辑 } 选中画布中已有的组件元素。 在右侧“高级”设置面板中，鼠标移动至添加按钮上，弹出可添加事件

查看更多 →

编辑页面，粘贴到代码编辑区进行使用。 给组件绑定JS方法 在页面JS中添加脚本并保存。 function exampleFunction() { // JS逻辑 } 选中画布中已有的组件元素。 在右侧“高级”设置面板中，鼠标移动至添加按钮上，弹出可添加事件的菜单栏（若没有

查看更多 →

本例模板中未体现。 height：在绝对布局高级页面中添加该组件时的默认高度，单位为px，不填写默认为200px。本例模板中未体现。 messages-zh/messages-en.json 组件的国际化资源文件，用于配置多语言。本例模板中未体现。 表2 组件名.js中预置API说明

查看更多 →

True 步骤2中请求地址的可变部分，通常为 域名 ，或IP地址端口号，请将ip:port换成AICC的公网域名。 建议先将域名或IP地址端口号配置到配置文件或配置表中，$ContextPath通过获取配置项的方式赋值。 serviceUrl True 即您在步骤2中获取的完整路径。

查看更多 →

在标准页面组件中，引用库。 新建一个标准页面，页面标签和名称为“page01”，如图5新建标准页面。 图5 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图6配置按钮组件所示。 图6 配置按钮组件 单击右侧面板的“库”中，新增库，如图7新增库所示。

查看更多 →

卡片上传完成之后就可以在角色桌面中查看并使用了。 进入管理中心，选择“集成管理 > 卡片管理”，选择需要使用的卡片，单击“使用卡片”并“确定”。 图6 使用卡片 进入门户编辑页面。 图7 进入门户编辑 单击“增加功能卡片”展开卡片列表，拖动创建好的卡片到角色桌面中。 图8 添加专属卡片 成功引入卡片展示，效果如图。

查看更多 →

ObsClient({ // 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险，建议在配置文件或者环境变量中密文存放，使用时解密，确保安全；本示例以ak和sk保存在环境变量中为例，运行本示例前请先在本地环境中设置环境变量AccessKeyID和SecretAccessKey。

查看更多 →

json”文件并打开，将在“编辑私有依赖库”页面中记录的路径信息添加到name字段对应的值中。 实际操作中，若出现name字段的值固定且不便修改的情况，则可以在“编辑私有依赖库”页面将该值配置到“添加路径”字段中。 配置并执行编译构建任务。 在代码仓库中，单击页面右上角“设置构建

查看更多 →

json”文件并打开，将在“编辑私有依赖库”页面中记录的路径信息添加到name字段对应的值中。 实际操作中，若出现name字段的值固定且不便修改的情况，则可以在“编辑私有依赖库”页面将该值配置到“添加路径”字段中。 配置并执行编译构建任务。 在代码仓库中，单击页面右上角“设置构建

查看更多 →

引入变量 此重构允许您创建新变量，通过选定的表达式进行初始化，并使用创建变量的引用替换原始表达式。这与内联变量相反。 执行重构 在代码编辑器中，将光标放置在要提取到变量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Variable。或者按“Ctrl+Alt+V”。

查看更多 →

引入常量 此重构允许您创建新常量，通过使用选定的表达式进行初始化，并使用创建常量的引用替换原始表达式。 执行重构 在代码编辑器中，将光标放置在要提取到常量的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Constant。或者按“Ctrl+Alt+C”。

查看更多 →

选择下载版本 选择查看所有文件。 图4 查看所有文件 对应版本下的文件列表中javadoc是文档，source是源码，排除这两个类型文件，jar包最大的那个就是带依赖的包，不同版本后缀名称略有差异。 如果无对应Flink版本，可用当前版本相近的版本尝试。 单击对应文件即可下载。 父主题：

查看更多 →

高级页面中预置的API 在开发高级页面过程中，系统为页面组件和桥接器提供了一些预置API。 组件 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见表1。

查看更多 →

引入依赖 开发过程中，您有任何问题可以在github上提交issue，或者在华为云 对象存储服务 论坛中发帖求助。接口参考文档详细介绍了每个接口的参数和使用方法。 要初始化OBS客户端（ObsClient）必须首先引入依赖，代码示例如下： // 引入依赖库 require 'vendor/autoload

查看更多 →

引入变量 通过此重构，您可以创建一个新变量，使用所选表达式对其进行初始化，然后使用对所创建变量的引用替换原始表达式。这与内联变量重构相反。 执行重构 案例 父主题： 代码重构

查看更多 →

引入参数 此重构允许您为方法声明引入新参数，以便在方法调用中，原始表达式被提供为方法参数。您还可以选择保留原始方法，或者使用创建的参数定义一个新方法。这与内联参数重构相反。 执行重构 在代码编辑器中，将光标放置在要提取到参数的表达式上。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce

查看更多 →

指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程

查看更多 →

charts组件实例化代码块，即可看到渲染效果。 图12 查看渲染效果 数据 在数据中，配置ECharts组件的数据来源，更多介绍请参见数据接入。 与其他组件不同的是，ECharts组件在数据配置流程中没有字段映射，而是直接改变实例化代码块的内容。 图13 设置组件数据源 将左侧

查看更多 →