element-UI的操作步骤steps每一项如何添加事件,比如click,hover

imaxing

5782919

发布于
2017-08-18

需求

需要做类似物流查询的功能,需要在每一个步骤上添加click或者hover事件,然后在步骤旁边弹出一个小框

需求图大概如下

图片描述

代码

<div class="stepsDemo1" v-show="isShow">
      <el-steps :space="spaceWidth" :active="idx" :finish-status="status">
        <el-step
                v-for="(stepData,index) in stepDatas"
                :description="stepData.description"
                :icon="stepData.icon"
                :title="stepData.title"
                :key="index"
        ></el-step>
      </el-steps>
    <el-button @click="nextStep">下一步</el-button>
    <el-button type="warning" @click="viewStep">查看状态</el-button>
  </div>