简介
步骤条组件是一种可视化工具,用于显示用户在多步骤流程中的当前进度和已完成的步骤,以帮助用户明确任务的各个阶段。
配置项
分类 | 配置 | 示例 | 说明 |
分类 | 配置 | 示例 | 说明 |
内容 | 选项模式 | 静态:配置静态的选项卡 关联:关联模式下可以选择多视图容器作为绑定对象,组件将自动链接切换多视图容器的能力 | |
关联容器 | 选择多视图容器作为绑定对象 | ||
选项卡 | 静态模式下的选项数据。每个选项可配置标识、标题、禁用和图标配置。 | ||
当前步骤 | 当前步骤的索引,从0开始。 | ||
显示进度 | 是否显示当前步骤下的进度。 | ||
当前进度 | 当前步骤下的进度。 | ||
交互 | 隐藏 | 控制步骤条的默认展示状态,为 | |
样式 | 外边距 | 详情参见通用属性 | |
步骤条方向 | 步骤条的方向。 | ||
页签位置 | 选项标题的展示位置。 | ||
页签样式 | 页签样式,有默认、导航、内联三种样式。 | ||
点状 | 页签是否以点状展示。 | ||
尺寸 | 页签的尺寸。 |
属性与方法
名称 | 类型 | 示例 | 说明 |
名称 | 类型 | 示例 | 说明 |
items | array |
| 只读,步骤条的数据源 |
current | number |
| 当前步骤的索引。 |
setCurrent | func |
| 设置当前步骤的索引为 |
事件回调
配置 | 说明 |
配置 | 说明 |
当前步骤改变时将触发的事件 |
该文章对您有帮助吗?
- 本页导读
- 简介
- 配置项
- 属性与方法
- 事件回调