本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。

查看更多 →

render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时，

查看更多 →

本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。

查看更多 →

绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法 选中画布中已有的组件元素。 在右侧“属性”设置面板中，选择一个支持变量

查看更多 →

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

查看更多 →

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

查看更多 →

在Devtools中查看、追踪和编辑应用的状态。 性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue Devtools

查看更多 →

render中抽取的独立逻辑，初始化运行态组件VM实例。在实例中获取数据并实现组件的核心渲染。 建议实现。 registerWidgetActionAndEvent init中抽取的独立逻辑，注册组件对外暴露的的事件和动作。 按需实现，组件定义事件和动作时使用。 getMockData 组件在没有对接外部数据源时，

查看更多 →

name"></el-input> </el-form-item> </el-form> </div> 参考6中操作，在组件库中上传该Widget包。 打开一个高级页面，在设计页面左上方单击，从“自定义”组件中拖出刚创建的Widget至右侧空白页面。 单击页面上方的，保存高级页面。 切换环境语言，在

查看更多 →

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

查看更多 →

test.js // 单位为MB 修改老生代内存限制 node --max_new_space_size=1024 test.js // 单位为KB 修改新生代内存限制 针对前端三大框架的解决方法如下： 框架类型 解决方法 Vue 只需要修改“package.json”文件中“bui

查看更多 →

到页面中进行使用。在“租户”页签中，可查看所有自定义库。 单击具体的库，进入库详情页，可查看该库的详细信息。 下载库 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 库”。 在库列表中，单击对应的库，进入库详情页面。

查看更多 →

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

查看更多 →

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

查看更多 →

no-undef 原因分析 如上异常报LodopFuncs.js文件中函数未声明is not defined，可先排查文件；文件正常则可能是不符合eslint规范导致报错。 处理方法 检查LodopFuncs.js文件中getCLodop函数是否已定义。 如果文件正常，可以在es

查看更多 →

使用第三方加固软件后，路由跳转错误 因为我们用到了类似ARouter的路由方案， 如果加固后出现路由跳转错误，解决方案如下： 永久解决方案：联系第三方加固软件的技术支持，把我们的路由自动生成的类所在的包给过滤掉，包路径：com.huawei.cloudlink.router.routermap。

查看更多 →

troZero环境配置中，可管理当前环境中该账号下的库资产。 查看库详情 在AstroZero服务控制台，单击“进入首页”，进入应用开发页面。 在页面左上方单击，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理

查看更多 →

此API注册后的事件才会在组件的事件列表中展现。 thisObj：当前组件实例对象，指为该组件注册事件。 "eventName"：事件名称，应该与触发事件API中的第一个参数保持一致。 "Event Label"：事件标签名，在事件列表中展示的事件标题。 []：定义该事件触发时传递的参数模型，例如[{"name":

查看更多 →

将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 图2 单击添加图标 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。 图3

查看更多 →

为了实现通过NAT Server使用SSH协议跳转到SAP S/4HANA实例节点的功能，需要配置 云服务器 之间的互信。在本地PC上，生成登录NAT Server的密钥文件。在创建NAT Server时，指定了NAT Server的证书密钥文件（.pem文件）。通过该密钥文件，使用PuTTYgen工具生成密钥文件（.ppk文件）。在创建NA

查看更多 →

为了实现通过NAT Server可使用SSH协议跳转到SAP HANA节点的功能，以及SAP HANA节点和NAT Server互相通过SSH协议跳转的功能，需要配置云 服务器 之间的互信。

查看更多 →