1xiyu/vue-steps

基于Vue的进度条组件

Vue 进度条

一款基于 Vue 的建议进度条组件

使用用例

<template>
  <div class="step">
    <VueSteps :items="items" :activeIndex='activeIndex' />
  </div>
</template>

<script>
import VueSteps from '@/components/VueSteps.vue'
export default {
  name: 'Step',
  components: {
    VueSteps
  },
  data() {
    return {
      activeIndex: 0,
      items: [
        {
          num: '1',
          text: '基础信息'
        },
        {
          num: '2',
          text: '扫描计划'
        },
        {
          num: '3',
          text: '扫描目标'
        },
        {
          num: '4',
          text: '完成'
        }
      ]
    }
  }
}
</script>

示例