检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AstroZero组件库中，部分组件在组件详情页看不到更新和编辑入口 问题描述 在组件详情页面，找不到组件更新和编辑的入口，如图1所示。 图1 没有更新和编辑入口 解决方法 找不到组件更新和编辑入口，是因为这些组件是通过安装资产包类型的应用产生的组件，组件受保护，因此没有更新和编辑入口。
需要使用页面宏来存储变量时，请选用该模板。 下载组件模板。 根据需求选择模板，在组件模板详情页中单击“下载”按钮，在“下载组件模板”弹窗中输入组件名称，单击“保存”按钮即可。 本章节示例中同时开发标签页组件和信息展示组件，由于本例中组件基于Vue框架实现，所以优先选择widgetVue3
AUI风格：启用后，下拉框的下拉图标风格会所有不同。 最大宽度：组件的最大宽度。 表单校验 表单校验：当组件在表单中时，可对组件进行一些校验配置。当且仅当组件在表单中时，校验才生效。 必填：是否设置为必须填入值。 必填错误信息：在绑定了对象模型且下拉框放置于表单组件中，当设置必填时，输入值为空的情况下，提示的错误信息。
设置AstroZero标准页面面包屑组件属性 面包屑组件用于显示网站的层级结构，告知用户当前所在位置。 图1 面包屑组件 数据绑定 将面包屑组件的某个属性，如隐藏、样式、跳转等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。
设置完成后，单击“确定”。 属性值绑定：将容器组件的某个属性，如隐藏、样式、弹性布局等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 在“数据绑定”中，单击“属性值绑定”后的“+”。 在“属性”下拉框中，选择容器的某个属性。 在模型字段中，单击，进入选择模型页面。
// 组件包说明文件 组件zip包的目录及文件的名称不能是中文，且编译后的组件包大小应在1M以内。 组件名遵循Vue组件命名，并且要在当前应用中唯一。您可参考Vue框架指南定义Vue组件代码，并参考Vue组件打包指南对Vue组件进行打包，打包后才能使用。 表1 组件包文件说明
再上传到组件库中；还有一种自定义组件是由标准页面转化而来。在“租户”页面下可查看所有自定义组件。 单击具体的组件，进入组件详情页，可进行如下操作。 预览：预览该组件在页面的展示效果以及属性参数。 更新：当组件未受保护时，该按钮才会显示，包括更新组件名称或者组件包。当组件有新版本包
（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击“widgetVue3Template”，再单击“下载”。
发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。
发行说明 组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。
将修改后的组件Widget包，重新打包。 返回AstroZero管理中心，选择“应用管理 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。 上传图标 组件的显示图标，本示例不配置。
到自定义组件仓库中。 更新组件 参考如何登录经典版环境配置中操作，登录经典版开发环境管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件”。 在组件列表中，查找到待更新的自定义组件。 图1 查找待更新组件 单击待更新的组件，进入组件详情页。 图2 组件详情页 更新组件。
在设计页面左上方，单击，从“导航”的自定义组件中，拖拽13中上传的组件到设计区。 选中该组件，在“路由”页签，配置不同路由关联的页面。 自定义组件的“路由”页签中，出现了页面3，结果符合场景要求。 图8 拖拽自定义组件并配置路由 在设计页面左上方，单击，从“导航”中拖拽路由视图组件至设计页面自定义组件下方。 单击页面上方的，保存页面。
}) 将修改后的组件Widget包，重新打包。 返回AstroZero环境配置，选择“维护 > 全局元素 > 页面资产管理 > 组件”，单击“提交新组件”，将3中的组件包上传至组件库中。 图3 上传组件 表2 上传组件参数说明 参数 说明 名字 组件名称，系统会根据组件包名称自动填充。
页面间组件交互 使用说明 页面间组件的交互，除了需要事件-动作机制，还需要用到低代码中的页面宏。本章节通过具体示例，为您介绍页面间组件交互的方法。如图1所示，高级页面Page1中包含示例组件widgetEventTemplate，高级页面Page2中包含示例组件widgetPag
多语言库中。 将组件从页面左侧的组件元素区域拖动到页面后，选中该组件，会在右侧显示该组件的属性配置面板。在属性配置面板中，可以对该组件在页面显示属性风格进行配置，使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明，在标准页面设计界面左侧组件区域，将鼠标
择栅格容器中的某个子组件，当选中子组件后，“组件导航”上可以显示子组件“多行输入框”之前的组件层级，在“组件导航”上，直接单击“栅格容器”，即可快速选中该栅格容器。 图1 选择目标组件 方式二：使用“组件树”，选中目的组件 选中某个组件后，可以展开组件树，可以根据组件名，快速选中目的组件。
在标准页面设计界面，从“基本组件 > 布局”中，拖拽“模态框”组件至页面工作区域，如图1。 图1 模态框 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑
管理中心的“应用管理 > 页面资产管理 > 组件模板”中，可查找并下载组件模板。 图1 事件、动作组件模板 组件模板中包含多种功能的示例组件，可以参考组件模板开发自定义组件，组件模板的下载及说明请参见在线开发高级组件。 在组件模板代码中，包含低代码平台定义的事件、动作的注册和触发
控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 父主题： 设置AstroZero标准页面组件属性
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
