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

查看更多 →

关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在

查看更多 →

eihealth_project_id 是 String 平台项目ID，您可以在平台单击所需的项目名称，进入项目设置页面查看。 最小长度：1 最大长度：128 project_id 是 String 华为云项目ID，您可以从获取项目ID中获取。 最小长度：1 最大长度：128 请求参数 表2

查看更多 →

将修改后的组件Widget包，重新打包。 参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。 图5

查看更多 →

ntui.zip，获取该组件包。 返回环境配置，选择“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将自定义组件包上传至组件库。 图4 上传组件 表2 上传自定义组件参数说明 参数 说明 示例 名字 新提交组件的名称，系统会根据组件包名称自动填充。 widgetdemomintui

查看更多 →

npm包的cdn链接，因此使用以下npm包时，无需添加cdn链接。 @vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

Object 组件元数据结构规范 组件元数据规范用于描述组件的对外API：属性、事件等，对应组件的schema字段。 表2 组件元数据结构规范 字段 说明 类型 properties 组件暴露的配置属性。 Array <Object> events 组件暴露的事件。 Object 组件暴露

查看更多 →

将修改后的组件Widget包，重新打包。 返回AstroZero管理中心，选择“应用管理 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标，本示例不配置。

查看更多 →

引用 引用组件用于从关联的记录中引用某个字段数据显示在当前页面中。选用该组件需要在页面中已使用关联记录。 在表单开发页面，从“数据组件”中，拖拽“引用”组件至表单设计区域，如图1。 图1 引用 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 关联字段：选择当前页面中的关联记录。

查看更多 →

续节点进行引用，如Open API的请求体内容、查询数据库的结果、HTTP请求的结果等。 节点变量引用方式：${payload}。 如果执行结果是一个对象，如JSON对象、XML对象等，可以使用${payload.id}或者${payload[0].id}等方式，引用执行结果中的部分数据。

查看更多 →

}) 将修改后的组件Widget包，重新打包。 返回AstroZero环境配置，选择“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 图3 上传组件 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。

查看更多 →

前台控制逻辑。 通过vue父子组件引用的方式，将子页面CustomerInfoDemo.vue嵌入座席流程可视化的父页面servicecloud/aicc-web/src/views/ccmanagement/pages/iolp-service/IolpService.vue中。 示例代码如下：

查看更多 →

GET /v1.0/cdn/domains cdn:configuration:queryDomainList - POST /v1.0/cdn/domains cdn:configuration:createDomains - DELETE /v1.0/cdn/domains/{domain_id}

查看更多 →

}) 将修改后的组件Widget包，重新打包。 返回华为云Astro大屏应用界面，选择“我的资产 > 我的组件”，单击“添加组件”，将3.d中的组件包上传至组件库中。 图3 上传widget_demo_mintui组件 组件名称：组件名称，系统会根据组件包名称自动填充。 操作类型：当前操作的类型，如新增、更新等。

查看更多 →

续节点进行引用，如Open API的请求体内容、查询数据库的结果、HTTP请求的结果等。 节点变量引用方式：${payload}。 如果执行结果是一个对象，如JSON对象、XML对象等，可以使用${payload.id}或者${payload[0].id}等方式，引用执行结果中的部分数据。

查看更多 →

查找所有引用 选择一个符号，然后按下“Alt+F7”（IDEA快捷键）/“Shift+Alt+F12”，在“查找引用”视图中打开该符号的所有引用。 “查找引用”视图的工具栏按钮有： /：展开/折叠列表中的所有项。 /：在代码编辑器中打开符号的下一个/上一个出现位置。 ：在导入语句中显示引用。

查看更多 →

更新引用对象 操作场景 当搜索服务引用的实体存在数据变更时，您可在应用运行态更新引用对象，更新搜索服务的数据。 前提条件 已登录应用运行态。 操作步骤 在左侧导航栏中，选择“搜索服务管理 > 搜索服务定义”，进入搜索服务管理页面。 找到需要更新的搜索服务，单击。 图1 更新引用对象

查看更多 →

发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。

查看更多 →

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

查看更多 →

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

查看更多 →

单击“上传”，上传自定义组件包“userLogin.zip”。 图4 上传自定义组件 表1 上传组件参数说明 参数 说明 示例 名字 新提交组件的名称，系统会根据组件包名称自动填充。 userLogin 上传源文件 组件的源文件包。 选择步骤一：开发自定义组件中的自定义组件登录包 场景 选择

查看更多 →