el-button实现点击按钮更换背景色并自动回显原来的样式

场景：点击按钮的会更改背景色会自动回显默认样式

点击之前：

点击之后自动又恢复点击前样式

 

实现：我用得是element-ui的el-button组件实现，代码如下

在template中 设置一个id

?

1	<el-button class="downloadBtn" id="resetFormBtn" @click="downloadBtn">报表下载</el-button>

 在methods中

?

1 2 3 4 5

methods: {         downloadBtn() {<br>            //颜色回显的写法             document.getElementById("resetFormBtn").blur();         }     }