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

 

簡單來說，只添加click 和css :hover就好了

 

一、組件里

<el-steps :space="200" :active="1" finish-status="success">
  <el-step @click.native="on_click(1)" title="已完成"></el-step>
  <el-step @click.native="on_click(2)" title="進行中"></el-step>
  <el-step @click.native="on_click(3)" title="步驟 3"></el-step>
</el-steps>

 

二、方法里

methods: {
      on_click(e){
       console.log(e);
    }
  }

 

三、css里

.el-step__head:hover {
  color: #67c23a;
  border-color: #67c23a;
}

 

 

嗯。就醬~

 

參考https://jsfiddle.net/1m6kkqgg/