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

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

点击之前：

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

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

在template中设置一个id

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

在methods中

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