解决elementui中button按钮组件在点击其他区域时 失去焦点问题！

下图是我定义的五个button按钮

解决点击其他区域button按钮失去焦点主要是通过操作button的dom节点

在点击时获取到当前点击元素的dom节点 this.$refs.easy.$el
通过window.getComputedStyle(this.el),backgroundColor获取到要操作的dom节点的属性

全局监听button组件的dom节点

由于点击button按钮组件 一方面点击是点击文字获取到span这个节点 另一方面则获取到button这个节点 所以要进行判断 是否是button节点或者其父节点是否是button节点 ，不是button节点则其点击的是其他区域则阻止button按钮组件失去焦点（保持一直有颜色的状态） 是button按钮则这里涉及一个问题，我这里是采用排他思想解决 清除其他兄弟的样式 只保持自己的样式

这样便可以在点击其他区域是保持刚刚点击的button组件不失去焦点 ，对于每一个button按钮dom节点赋值的代码有些冗余 完全可以抽离一部分

或许有其他更好的办法欢迎各位大佬指正留言