在官网的基础上做了点修改
官网:https://www.antdv.com/components/steps-cn/
<!--Step:当前步骤条所处的节点位置-->
<!--StepChange:点击改变步骤条的节点位置-->
<a-steps :current="Step" @change="onStepChange">
<a-step v-for="(item, index) in Steps" :key="index" :title="item">
<a-popover
progress-dot
slot="progressDot"
:visible="visible"
placement="top"
>
<!--气泡卡片的内容-->
<template slot="content">
<span>{{ title }}</span>
<p>{{ content}}</p>
</template>
</a-popover>
</a-step>
</a-steps>
...
Step: 0,
...
onStepChange(current) {
this.Step = current
},