检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
系统提供了多种内置API，用来操作服务编排对象。例如，run方法用来一次性执行完服务编排，也可以调用start、next、back、finish、resume、terminate等方法，实现在服务编排特定阶段执行回调方法。 图7 服务编排快捷代码 在代码编辑界面左侧，单击“服务类
在预览态调用该方法可以隐藏Widget。 例如，执行thisObj.hideWidget()方法隐藏该组件的dom结构。 showWidget：显示该组件的dom结构。在预览态调用该方法可以展示Widget。 例如，执行thisObj.showWidget()方法显示该组件的dom结构。
模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。
模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。
AI代码补全功能 功能描述：开发者在JS代码编写过程中，键入特定的字符，界面会进行提示，从而自动构建智能代码补全服务，增强IDE代码补全能力。 使用方法：开发者在JS代码编辑器中，编写代码过程中敲击字符时，会自动触发代码推荐，选中后按Enter补全。 事件内置API补全：输入“context”后，提示事件代码内可调用的API。
页面间组件交互 使用说明 页面间组件的交互，除了需要事件-动作机制，还需要用到低代码中的页面宏。本章节通过具体示例，为您介绍页面间组件交互的方法。如图1所示，高级页面Page1中包含示例组件widgetEventTemplate，高级页面Page2中包含示例组件widgetPage
通过宏实现AstroZero高级页面间组件的交互 操作场景 页面间组件的交互，除了需要事件-动作机制，还需要用到低代码中的页面宏。本章节通过具体示例，为您介绍页面间组件交互的方法。如图1所示，高级页面Page1中包含示例组件widgetEventTemplate，高级页面Page2中包含示例组件widgetPage
择widgetVueTemplate模板，标签页组件取名为TabsWidget，信息展示组件取名为DisplayWidget。模板组件下载方法如下图所示（以下载TabsWidget为例）： 图2 下载组件模板示例 若选择“下载原始模板”，下载到本地的组件包中组件名称不会被修改。 初识组件文件结构。
widgetVue3Template模板，标签页组件取名为TabsWidget，信息展示组件取名为DisplayWidget。模板组件下载方法如下图所示（以下载TabsWidget为例）： 图2 下载组件模板示例 图3 保存模板 如果选择“下载原始模板”，下载到本地的组件包中，组件名称不会被修改。
在AstroZero标准页面弹窗的onOk事件中，不想关闭弹窗该怎么处理？ 问题描述 标准页面弹窗的“onOk”事件中，不想关闭弹窗该怎么处理？ 图1 自定义JS代码 解决方法 “onOK”是系统预置事件，不提供阻止窗口关闭的能力。对于类似需求，可以通过将“footerHide”属性设为“true”，来屏蔽弹窗中
选择“自定义动作”，在右侧事件定义区域，输入实现事件逻辑的JS代码，也可从左侧拖动相关模板至右侧事件定义区域，单击“创建”。 内置JS事件说明及使用方法，请参见如何通过JS代码，实现页面与后台接口间的交互。 图4 自定义JS代码 自定义JS代码示例如下： //获取当前组件 var _component
预览时调用该方法可以隐藏Widget。 例如，执行thisObj.hideWidget()方法，隐藏该组件的dom结构。 showWidget：显示该组件的dom结构，预览时调用该方法可以展示Widget。 例如，执行thisObj.showWidget()方法，显示该组件的dom结构。
"default":"Button" } }, 修改组件定义文件的暴露方法。将“methods”节点改为只包括“setButtonText”方法，该方法用于设置图片按钮的文本，具体代码如下。 "methods": { "setButtonText":
统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库，并在组件中使用库，最终实现效果如图1所示。 图1 引入库后效果 功能实现方法 将自定义库的相关文件打成Zip包。 例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在
配置高级页面组件桥接器实例属性时，如何设置下拉框中的选项值？ 问题描述 配置组件“数据”页签的桥接器实例属性时，下拉框中的选项来源是哪里设置的？ 图1 桥接器实例 解决方法 当组件中定义的桥接器属性设置的model值和桥接器中定义的model值相同时，桥接器实例选项可选到这些桥接器。 例如，查看组件editor
在标准页面加载并使用库。 选中“按钮”组件，在“事件”页签，单击“点击”后面的“+”号，进入添加动作页面。 输入自定义JS代码，调用库中的方法获取git仓库的地址。 关于fetch的使用方法及介绍，请参考Fetch API。 图9 自定义JS代码 fetch('https://api.github.co
ube API数据桥接器”。 数据类型：本示例选择“动态数据”。 请求方法：数据为动态数据类型时需配置，这里选择的方法对应的是组件开发调用接口所用的方法。如果需要使用多个方法调用接口时，需要在界面配置多个方法。本示例选择“post”。 前缀：配置请求URL的部分内容，本例中为“/
模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。
模型，每类模型都包含参数定义和方法定义。方法是在模型上定义的API，通常会在前台组件关联的事件脚本（例如页面加载事件、鼠标单击事件）中调用这些API，以实现某些功能。 表1 模型来源说明 分类 模型说明 模型参数的定义 模型方法的定义 API调用方法 自定义 开发者自行定义的模型。
后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。 var i18n = HttpUtils
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
