检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
} }) 将修改后的组件Widget包，重新打包。 参考开发高级组件中操作，将高级页面组件包上传至组件库中，在页面上中添加该高级页面组件。 当高级页面中拖入widget_demo_mintui高级页面组件后，即可在“页面设置 > 资源”中发现Vue库和MintUI库已加载，表示引用成功。
关闭Vue3框架渲染组件开关 本案例所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图1 界面报错 操作步骤 进入创建“设备维修管理系统”应用中创建的应用。 在
本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。
在AstroZero组件库中，部分组件在组件详情页看不到更新和编辑入口 问题描述 在组件详情页面，找不到组件更新和编辑的入口，如图1所示。 图1 没有更新和编辑入口 解决方法 找不到组件更新和编辑入口，是因为这些组件是通过安装资产包类型的应用产生的组件，组件受保护，因此没有更新和编辑入口。
在标准页面组件中，引用库。 新建一个标准页面，页面标签和名称为“page01”，如图5新建标准页面。 图4 新建标准页面 在“基本组件 > 基本”中，拖拽“按钮”组件到页面的设计视图中，并修改按钮属性，如图6配置按钮组件所示。 图5 配置按钮组件 单击右侧面板的“库”中，新增库，如图7新增库所示。
lobal_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。
循环播放：视频播放结束后，是否循环播放。 公共 控件名称：当前组件的名称。 隐藏：是否隐藏该组件，此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段，在自定义JS代码中来控制模型字段取值，从而设置该组件是否隐藏，这种动态设置优先级是最高的。 布局 布局：设置组件的宽度、高度等。 高级设置
最大字符长度：输入框取值最大字符长度。 最大宽度：输入框最大的宽度。 表单校验 当组件在表单中时，可对组件进行一些校验配置。当且仅当组件在表单中时，校验才生效。 必填：开启必填时，该输入框为必填字段。输入框界面展示会有提示必填，此校验功能必须是输入框存在于某个表单组件中。 必填错误信息：当必填输入框没有进行输入取值时，界面提示的报错信息。
“模态框”组件弹出。 图8 “值绑定”演示效果 以上示例简单说明了，如何通过“值绑定”实现组件间的交互。将组件的值（value）绑定在一个模型上，通过其他组件触发事件，改变绑定数据模型的值。例如，此例中“模态框”组件的值，绑定在“modalShow”模型上，“按钮”组件的点击事件
设置AstroZero标准页面分页组件属性 当数据量较多时，可以使用分页组件，快速进行数据切换。分页组件一般与表格组合使用时，分页组件可以对表格数据进行分页显示、数据切换，系统内置的表格组件中已包含了分页组件。 图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置AstroZero标准页面分栏组件属性 分栏是一种高级的容器组件，分栏相当于行，内部可分多栏（列）。使用该组件，可将页面划分为两栏或多栏，每一栏都可以拖入其它组件。 图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。
设置AstroZero标准页面上传组件属性 在标准页面中，使用上传组件来上传文件。 图1 上传组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选
当需要使用页面宏来存储变量时，请选用该模板。 下载组件模板。 根据需求选择模板，在组件模板详情页中单击“下载”按钮，在“下载组件模板”弹窗中输入组件名称，单击“保存”按钮即可。 本章节示例中同时开发标签页组件和信息展示组件，由于本例中组件基于Vue框架实现，所以优先选择widgetVueT
高级设置：在高级设置中，直接编写CSS代码作用于当前元素。同一个组件如果在“基本属性”和“样式”中，同时对布局属性进行了设置，最终生效是“样式”栏中的设置。 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置。自定
在菜单栏中，选择“高级设置”。 在“兼容性设置”页签中，开启“页面组件的渲染框架由Vue2升级为Vue3”开关。 图1 高级设置 当前版本的高级页面中，提供了Vue2和Vue3两种框架的组件，如果需要使用Vue2框架的组件，需要关闭“页面组件的渲染框架由Vue2升级为Vue3”，否则会提示图2中信息。
AUI风格：启用后，下拉框的下拉图标风格会所有不同。 最大宽度：组件的最大宽度。 表单校验 表单校验：当组件在表单中时，可对组件进行一些校验配置。当且仅当组件在表单中时，校验才生效。 必填：是否设置为必须填入值。 必填错误信息：在绑定了对象模型且下拉框放置于表单组件中，当设置必填时，输入值为空的情况下，提示的错误信息。
在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件详情页面，单击“下载”。 在下载组件模板页面，输入组件名称，单击“保存”。 若选择“下载原始模板”，下载到本地的包中，组件名称不会被修改。 基于模板自定义组件 当系统预
组件”，可查看到当前环境该账号下所有的组件资产。 图1 组件管理 单击具体的组件，进入组件详情页，可进行如下操作。 预览：预览该组件在页面的展示效果以及属性参数。 更新：当组件未受保护时，该按钮才会显示，包括更新组件名称或者组件包。当组件有新版本包时，可在组件详情页单击“更新”，单击右上角获取锁图标，
全局：展示AstroZero预置的组件模板，可查看预置的组件和下载组件，但不能删除。 在组件详情页面，可查看组件的描述信息、变更历史和包信息。 预览组件模板 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。
设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
