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

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

点击之前：

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

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

在template中 设置一个id

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

 在methods中

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