vue实现单击选中效果

最新推荐文章于 2024-06-06 15:55:51 发布

安康全是山

最新推荐文章于 2024-06-06 15:55:51 发布

阅读量1.2k

点赞数

分类专栏： vue教程

本文链接：https://blog.csdn.net/k912120/article/details/111560728

版权

vue教程专栏收录该内容

21 篇文章 1 订阅

订阅专栏

<button type="button" class="changeBtn" :class="{'activeBtn':isLife}" @click="isLife = !isLife">抬动</button>

<style>
.formText .changeBtn{
    margin-left: 1.2rem;
    color: #aeaeae;
    border-color: #939393;
    background: #fff;
}
.formText .activeBtn{
    color: #fff;
    border-color: #2b73c9;
    background: #2b73c9; 
}
</style>
<script>
export default {
    data() {
        return {
            isLife:false,
        }
    }
}
</script>

效果图：