Skip to content

IKVerticalStepBar 水平步骤条

步骤数据吴省略显示 ikHor_step.png

步骤多的情况省略显示,并显示左右移动按钮 ikHor_step_scroll.png

Props

参数说明类型默认值
active当前激活的下标String''
list数据数组Array[]
needClick是否存在点击事件Booleanfalse
propsField映射字段Object{ name: "name", value: "value", }

事件

名称说明类型
click点击时触发(row: any) => void

示例代码

vue
  <template>
    <!-- 示例 -->
    <IKHorizontalStepBar
      v-model:active="active"
      :list="list"
      :needClick="true"
    ></IKVerticalStepBar>
  </template>