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

查看更多 →

文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见高级页面组件中预置的API。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时，需要渲染的界面和逻辑。“*

查看更多 →

，如需更多可复制添加。 图1 默认组件 components都包含三个文件，一个index.js，一个*.vue文件和一个componentBundle.json文件，其中index.js和componentBundle.json这两个文件名字不可更改。 图2 components文件夹

查看更多 →

0.2版本，新增HwI CS UiSdk.esm.js文件，使用esmodule模块化标准。当使用vite构建的项目无法顺利import HwICSUiSdk.js文件到项目中的时候，可以import HwICSUiSdk.esm.js文件集成websdk。 2025-01-14 本次变更如下：

查看更多 →

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

查看更多 →

引入功能变量 此重构允许将选定的表达式转换为新的函数类型变量或匿名类。 执行重构 在代码编辑器中，选择要转换为函数变量的表达式。 在主菜单或编辑器上下文菜单中，选择Refactor>Introduce Functional Variable。 在打开的Introduce Functional

查看更多 →

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

查看更多 →

查看解压后的组件目录。 目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构

查看更多 →

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

查看更多 →

@vueuse/core @vueuse/shared axios pinia vue vue-i18n vue-router vue/server/renderer @opentiny/vue 父主题： 使用工具类方法

查看更多 →

使用Next.js项目构建HTTP函数 方案概述 创建Next.js项目 创建依赖包 构建程序 处理结果 父主题： 函数构建类实践

查看更多 →

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

查看更多 →

现和交互效果。 作为一种可视方式。如在销售项目空间，以图表/列表/表格等形式提供各项指标数据，用户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个

查看更多 →

SDK集成 将获取的SDK压缩包放置在自己项目的“sdk”目录下。 在项目代码中引入“hrtc”。 如果您通过<script>方式引入华为WebRTC SDK，则通过访问HRTC获取导出的模块： <script src='./sdk/hrtc.js'> console.log(HRTC

查看更多 →

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

查看更多 →

将SDK下载到本地，建议将SDK压缩包放置在自己项目的“sdk”目录下。 在项目代码中引入“isdprtc.js”。 如果您通过<script>方式引入ISDP WebRTC SDK，则通过访问ISDPRTC获取导出的模块： <script src='./sdk/isdprtc.js'> console

查看更多 →

否 true JS错误追踪开关。 JS错误追踪开关：监听和上报所有JS错误。请注意，这个功能会改变业务在浏览器上显示的路径。 smartJsErr 否 true Js错误智能采集开关。 Js错误智能采集：短时间内大批量JS错误智能消减，在一次访问中超过100条的相同JS错误就不进行上报。

查看更多 →

setCookie("key","value") HttpUtils.getI18n：返回一个Vue18n的实例，配合Vue和VueI18n使用。该Vue18n实例可以在new一个Vue实例时赋值为i18n参数。 代码示例：HttpUtils.getI18n({locale: HttpUtils

查看更多 →

如果您直接引用华为WebRTC SDK静态JS文件，则通过以下方式访问： import { HwICSUiSdk } from './sdk/HwICSUiSdk' 除以上JS文件引入之外，还需要引入 CSS 样式文件，可以直接通过link标签引入或者直接在项目中import： <link rel="stylesheet"

查看更多 →

如果客户端用Node.js开发，推荐安装14.19.1或以上版本。 支持的浏览器详情请参见浏览器适配详情。 如果客户端用TypeScript开发，TypeScript的版本不低于3.8.3。 SDK集成 将SDK下载到本地，建议将SDK压缩包放置在自己项目的“sdk”目录下。 在项目代码中引入“HWLLSPlayer”。

查看更多 →

能正常运行。在项目的资源设置中，您可以管理页面中使用到的库。 资源设置 参考登录华为云Astro大屏应用界面中操作，登录华为云Astro大屏应用界面。 在华为云Astro大屏应用界面的项目列表中，单击已创建的项目，进入项目。 在主菜单中，选择“项目设置”，进入项目设置页面。 参考设置项目锁中操作，获取项目锁。

查看更多 →