在做项目时碰到点击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();
//进行其他操作
....
}