vue+element-ui中button点击后不恢复原样

在做项目时碰到点击element的button后不恢复原样

before:
after:
button的颜色并没有恢复,强迫症

解决办法

<div>
  <el-button type="primary" icon="el-icon-download" size="mini" @click="handleClick">
      月度报表导出
  </el-button>
</div>

handleClick(event) {
        // 点击后鼠标移开恢复按钮默认样式(如果按钮没有加icon图标的话，target.nodeName == "I"可以去掉)
        let target = event.target;
        if(target.nodeName == "I" || target.nodeName == "SPAN"){
            target = event.target.parentNode;
        }
        target.blur();
        //进行其他操作
        ....
}

中间的target.nodeName判断(一定是大写字母,可以自己打印一下target.nodeName就是大写)