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

查看更多 →

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

查看更多 →

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

查看更多 →

ClickHouse数据导入 配置ClickHouse对接RDS MySQL数据库 配置ClickHouse对接OBS源文件 同步Kafka数据至ClickHouse 导入DWS表数据至ClickHouse ClickHouse数据导入导出 父主题： 使用ClickHouse

查看更多 →

0-LTS及之后版本） 配置ClickHouse对接Kafka 同步Kafka数据至ClickHouse 导入DWS表数据至ClickHouse ClickHouse数据批量导入 ClickHouse数据导入导出 父主题： 使用ClickHouse

查看更多 →

开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口

查看更多 →

/node_modules/vite/bin/vite.js build" 或 "build": "node --max_old_space_size=4096 ./node_modules/@vue/cli-service/bin/vue-cli-service.js build" React 举例说明“package

查看更多 →

type="primary" @click="submit">Register</mt-button> </div> 在Widget包（widget_demo_mintui.zip）的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT);

查看更多 →

ClickHouse数据导入导出 使用ClickHouse客户端导入导出数据 本章节主要介绍使用ClickHouse客户端导入导出文件数据的基本语法和使用说明。 CS V格式数据导入 clickhouse client --host 主机名/ClickHouse实例IP地址 --database

查看更多 →

type="primary" @click="submit">Register</mt-button> </div> 在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el:

查看更多 →

ClickHouse数据批量导入 本章节适用于 MRS 3.3.0及之后版本。 操作场景 当同时存在较多待导入的数据文件，用户可以使用多线程导入工具批量导入ClickHouse。 前提条件 已安装ClickHouse客户端，例如客户端安装目录为“/opt/client”。 如果集群

查看更多 →

Error (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): ***//public/LodopFuncs.js 79:25 error 'getCLodop'

查看更多 →

Node.js环境SDK导入 使用SDK前，您需要安装“@huaweicloud/huaweicloud-sdk-core”和“@huaweicloud/huaweicloud-sdk-moderation”。 推荐您使用npm安装SDK，在命令行输入以下命令： npm install

查看更多 →

ClickHouse数据导入导出 本章节主要介绍使用ClickHouse客户端导入导出文件数据的基本语法和使用说明。 使用ClickHouse客户端导入导出数据 CSV格式数据导入 clickhouse client --host 主机名/ClickHouse实例IP地址 --database

查看更多 →

组件DOM结构及逻辑编写。 TabsWidget组件： 在TabsWidget组件包TabsWidget.js文件中的render函数下，修改注册的Vue实例。 thisObj.vm = new Vue({ el: $("#Tabswidget", elem)[0], data:{

查看更多 →

组件DOM结构及逻辑编写。 TabsWidget组件 在TabsWidget组件包TabsWidget.js文件中的render函数下，修改注册的Vue实例。 const app = Vue.createApp({ data() {

查看更多 →

type="primary" @click="submit">Register</mt-button> </div> 在高级页面组件包的widget_demo_mintui.js/render方法中，新增Vue实例。 更多关于Vue的使用，可参考Vue官网。 Vue.use(MINT); var

查看更多 →

type="primary" @click="submit">Register</mt-button> </div> 在Widget包的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT);

查看更多 →

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

查看更多 →

鼠标悬停在“绑定事件”上，将显示事件列表。 在事件列表中，单击OnClick事件。 在弹框中输入方法名称，例如handleOnClick。 图1 事件绑定 单击“确定”，弹出JS面板。 在JS面板中编写代码。 代码示例： function handleOnClick(event) { this.loadingInstance

查看更多 →

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

查看更多 →