elementui中el-button点击后不失去焦点(按钮颜色不变)的解决

Posted 2023-03-09

参考技术A 初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。
使用el-button的时候，发现点击按钮后，按钮颜色仍然保持鼠标悬浮上去时候的效果，并没有恢复到正常状态。如图示：

上面是解决方法。

下图为el-button的结构：

点击button的时候，如果点击到文字（即span）上，这个时候evt.target是span标签，这个时候是没法直接触发其父节点button的blur方法的，也就没法强制button失去焦点。所以需要判断点击的是span还是button。