ant design vue 步骤条step加气泡卡片popover

在官网的基础上做了点修改
官网: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
 },

ant design vue 步骤条step加气泡卡片popover

上一篇:面向计算机硬件基础理论考试的知识点梳理


下一篇:1.11 编程基础之二分查找 08 不重复地输出数 python