Bootstrap

Vben Admin——vben-admin Steps 组件设置每个步骤的状态自定义及自定义内容

demo.vue

<template>
  <div>
    <Steps :current="current">
      <step
        :title="true ? '标题一' : '标题二'"
        :status="1 === 2 ? 'finish' : 2 === 2 ? 'process' : ''"
      >
        <template #description> 自定义内容 </template>
      </step>
    </Steps>
  </div>
</template>
<script lang="ts" setup name="demo">
import { Steps, Step } from "ant-design-vue";
const current = ref("1") as any;
</script>
;