检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
表格字段太多，导致AstroZero标准页面无法完整显示，该如何处理？ 问题描述 表格显示字段太多，页面无法完整地清楚显示出每个字段，也没有横向的拖动条。 图1 表格字段无法完全显示 解决方法 如果表格字段太多，无法正常显示，可以在页面的“样式代码”中，添加样式代码。请参考图2，输入以下样式代码。
、比较产品收益、突出显示项目的预算变更、分析一段时间内的库存或销售情况 、显示一段时间内产品价值变化等。 图5 阶梯瀑布效果 横向柱条效果：是否开启横向柱条展示效果。 堆叠显示（多数据系列效果）：多条数据系列时才会显示该参数，是否对多条数据系列数据进行堆叠显示。 X轴：X轴配置。
、比较产品收益、突出显示项目的预算变更、分析一段时间内的库存或销售情况 、显示一段时间内产品价值变化等。 图4 阶梯瀑布效果 横向柱条效果：是否开启横向柱条展示效果。 堆叠显示（多数据系列效果）：多条数据系列时才会显示该参数，是否对多条数据系列数据进行堆叠显示。 X轴：X轴配置。
图1 输入框组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
图1 分栏组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
图1 表格组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
图1 分页组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
图1 视频播放 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
用于获取组件的桥接器属性配置值。 定义组件依赖库及组件在绝对布局中默认尺寸。 本节开发的示例组件TabsWidget依赖Vue和Element库，DisplayWidget依赖Vue库。所依赖的Vue库已在之前选择的组件模板“widgetVueTemplate”中定义，这里只需要在TabsWidget组件包的packageinfo
组件的描述信息，按需进行设置。此处配置的信息，将会在组件详情页的“概况”页签中进行显示。 自定义组件 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错
图1 二维码 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。
在Widget包的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"
zip）的widget_demo_mintui.js的render方法中新增Vue实例。 Vue.use(MINT); var vm = new Vue({ el: $("#widget_demo_mintui"
创建应用 创建“设备维修管理系统”应用 关闭Vue3框架渲染组件开关 了解应用目录及菜单 创建“业务用户登录”页面 父主题： 通过AstroZero开发设备维修管理应用
zip”，请解压该包。 修改解压后的“Vue3Navigator_Widget.js”文件。 “Vue3Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue
zip，输入发行说明为“commodityListWidget”，单击“提交”。 关闭Vue3框架渲染组件开关。 本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错
主页 站点的首页。站点存在页面时，该参数才会显示。 站点导入/导出 导入或导出站点文件，包括站点元数据。 在“插件”页签，可查看并管理当前应用已引用到的所有插件，包括组件、桥接器及事件/动作。 在“资源”页签，可查看并引用应用需要的Library。 在“属性”页签，可配置站点属性。
您可以根据自己的喜好，设置导航的布局及颜色，默认导航菜单是靠左，蓝色。 如图4所示，单击红框中的布局，即可将导航菜单设置为横向菜单，然后单击“保存”。 图4 切换为横向导航 父主题： 验证工单管理功能
若更新的组件已用于高级页面中，需要在“页面设置 > 插件”页签中，更新组件版本，更新后的组件才可在高级页面中生效。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在页面下方，单击“页面设置”，进入页面设置。 图6 管理组件版本示例 单击页面左上角的，获取锁。 在“插件”页签，单击“检查更新”。 在组件列表中，单击组件后的，更新组件。
如果更新的组件已用于高级页面中，需要在“页面设置 > 插件”页签中，更新组件版本，更新后的组件才可在高级页面中生效。 参考登录AstroZero新版应用设计器中操作，登录应用设计器。 在左侧导航栏中，选择“界面”。 单击“更多”中的“页面设置”，进入页面设置。 图7 管理组件版本示例 在“插件”页签，单击“检查更新”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
