vue---元素样式切换demo

最新推荐文章于 2022-12-16 17:44:43 发布

GXing007

最新推荐文章于 2022-12-16 17:44:43 发布

阅读量838

点赞数

分类专栏： vue.js

本文链接：https://blog.csdn.net/GXing007/article/details/79138761

版权

vue.js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<template>
    <div v-bind:class="{my_base_class:check_in==true,my_click_class:check_in==false}" @click="handel_class">请点击我</div>
</template>
<style>
    .my_base_class{ background: gold;}
    .my_click_class{ background: blue;}
</style>
<script>
    export default{
        data:function(){
            return{
                check_in:true
            }
        },
        methods:{
            handel_class:function(){
            this.check_in=!this.check_in
    }}
    }

</script>