自定义组件开发规范 代码结构介绍 组件配置项（Config配置） 组件内置API 组件数据接入 组件交互

查看更多 →

（可选）开发自定义登录组件 “开发自定义登录组件”步骤可以直接跳过，本示例已为您提供了开发好的自定义登录组件。如果您想要自定义登录组件的开发方法，可参考本章节执行。 自定义登录组件 进入创建“设备维修管理系统”应用中创建的应用。 在左侧资产下的组件模板中，单击widgetVueTemplate，再单击“下载”。

查看更多 →

f-2ed9-4a9a-b883-251aaac14e0a/v1591923270914” 。 getMessages：返回该组件国际化配置文件中定义的国际化文件内容。需要配置vue和vueI18n使用。 例如开发组件时定义了messages-en.json和messages-zh

查看更多 →

ftl文件中，监听el-select的change事件 <el-select v-model="selectConfObj.selectValue" :disabled="selectConfObj.disabled" :popper-append-to-body="false"

查看更多 →

设置AstroZero标准页面视频播放组件属性 在标准页面中，使用视频组件来进行视频播放，支持播放的视频格式有MP4、OGV和WebM。 图1 视频播放 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法

查看更多 →

如何选择组件版本 Mas-Mongo-SDK 1.3.1-RELEASE springboot适用版本：2.7.0 - 2.7.2 表1 核心依赖组件版本 GroupId ArtifactId Version 备注 org.springframework spring-aspects

查看更多 →

如何选择组件版本 SpringBoot接入涉及组件版本参考。 表1 SpringBoot涉及组件版本 GroupId ArtifactId Version 备注 org.springframework.boot spring-boot-autoconfigure-processor

查看更多 →

自定义页面组件介绍 布局容器 图文展示 文本 动态文本 图片 按钮 分段标题 页签 备注 分割线 饼图 柱图 折线图 雷达图 父主题： 自定义页面管理

查看更多 →

。 单击，选择新建并开发自定义组件中自定义的组件包BarGraph.zip，填写基本信息，单击“保存”。 图1 上传自定义组件 表1 上传自定义组件参数说明 参数 说明 组件名字 组件名称，系统会根据组件包名称自动填充。 示例：BarGraph 操作类型 当前操作的类型，如新增、更新等。

查看更多 →

ftl文件中，监听el-select的change事件 <el-select v-model="selectConfObj.selectValue" :disabled="selectConfObj.disabled" :popper-append-to-body="false"

查看更多 →

如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面

查看更多 →

值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。

查看更多 →

开源问题，不推荐。如使用了该属性，CloudTable服务不承诺SLA。 数据变更类 【强制】应用程序不可以直接使用delete后者update语句变更数据，可以使用CDC的upsert方式来实现。 低频操作上使用，比如Update几分钟更新一次。 如果使用Delete一定带上分区条件。

查看更多 →

<ul class="item"> <li v-for="item in listData"> <span class="alarmTitle" v-text="item.title" >

查看更多 →

设置AstroZero标准页面按钮组件属性 按钮一般在用户单击触发业务逻辑时使用，按钮组件提供单击触发事件能力。 图1 按钮组件 数据绑定 通过建立不同类型的视图模型，将各种数据源和组件的返回值或者属性值进行关联，实现动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据

查看更多 →

setValue(key,value); 模型绑定 模型与前端组件的绑定分为值绑定和属性绑定，绑定会在指定组件上创建双向数据绑定。 典型的值绑定场景有：表单、表格、列表视图对应的model绑定，以及输入框、下拉框等基础组件对应的value绑定，类似Vue的v-model。 典型的属性绑定场景有：下拉

查看更多 →

动态数据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。

查看更多 →

dom结构文件，相当于HTML文件，负责样式展示。本示例场景中，增加如下加粗代码。 <div id="navigator_widget" v-cloak> <router-link :to="{name: 'homepage', params: {id: 0}}">{{$t("router

查看更多 →

<ul class="item"> <li v-for="item in listData"> <span class="alarmTitle" v-text="item.title" >

查看更多 →

据效果。 值绑定：值绑定类似vue中的v-model语法，组件上创建双向数据绑定。值绑定会根据组件类型，自动选取正确的方法来更新元素。同时，负责监视各类引起绑定数据变化的事件以更新数据。 在“数据绑定”中，单击“值（value）绑定”中的，进入选择模型页面。 单击“新增模型”，进入新增模型页面。

查看更多 →

上传自定义登录组件 自定义登录组件开发完成，并上传到AstroZero后，才能通过高级页面调用。 您可以直接使用文中提供的已开发完成的登录组件，上传到AstroZero中。也可以自行在AstroZero上，下载自定义组件模板，进行线下开发，然后再上传到AstroZero中。 操作步骤

查看更多 →