Skip to content

my-step

介绍

用于展示一系列步骤的执行进度

展示

上一步

使用

html
<MyStep :stepArr="stepArr" />

<script setup>
  import MyStep from "./index.vue";
  import { ref } from "vue";

  const stepArr = ref([
    {
      title: "Step1",
      desc: "创建产品",
    },
    {
      title: "Step2",
      desc: "维护模块",
    },
    {
      title: "Step3",
      desc: "维护计划",
    },
    {
      title: "Step4",
      desc: "创建发布",
    },
  ]);
</script>

Props

参数说明类型默认值是否必填
stepArr步骤数组Arrar[]

Events

事件名称说明回调参数
onPrev上一步事件-
onNext下一步事件-
onFinish最后一步完成事件-