Element UI使用button去掉focus样式

在使用Element UI中button按钮组件做开发的，发现一个问题就是点击按钮后样式一直是hover颜色状态，址到点击空或其他地方，按钮颜色才恢复，导致这样问题是element样式里的.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover用了同样的背景色，必须鼠标失去焦点时才能恢复原样。

解法办法是点击按钮时用js设置自动失去焦点：

<el-button type="primary" plain @click="clickHandler">主要按钮</el-button>

 clickHandler(e) {
        let target = e.target;
        if(target.nodeName == "SPAN"){
            target = e.target.parentNode;
        }
        target.blur();
}

这样问题解决。