鍍金池/ 問答/HTML/ element-UI的操作步驟steps每一項如何添加事件,比如click,ho

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

需求

需要做類似物流查詢的功能,需要在每一個步驟上添加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">查看狀態(tài)</el-button>
  </div>

還請大佬們多多指教

回答
編輯回答
絯孑氣

@click直接寫就行,hover用它的Popover

2018年2月28日 08:57
編輯回答
朕略萌

求大神答案,也碰到需要點擊觸發(fā)事件的需求

2017年4月18日 03:14
編輯回答
青檸

添加click 和css :hover不就好了
https://jsfiddle.net/1m6kkqgg/

2018年1月18日 03:15