以下基于element-plus组件库。
①导入两个按钮
<el-row class="mb-4">
<el-button
:class="[{ activeBtn: btnFlag }]"
style="border: 1px white solid; margin-left: 0px"
@click="qiyong"
>启用</el-button
>
<el-button
:class="[{ activeBtn: !btnFlag }]"
style="border: 1px white solid; margin-left: 0px"
@click="tingyong"
>停用</el-button
>
</el-row>
②定义一个变量,控制按钮的效果是否显示
let btnFlag = ref(true)
③最重要的是,给①中的activeBtn选择器一点样式
<style scoped>
/* 按钮点击之后的样式 */
.activeBtn {
color: #1890ff;
background: rgb(232, 244, 255);
}
</style>
④查看效果