点击实现来回切换class切换样式

实现效果:初始为class1点击一下为class2,再点一下变回class2,根据不同的class对应的style来切换显示
html

<div v-bind:class="{
     
     'class1':isYes,'class2':!isYes}"
   @click="isYes=!isYes">1</div>

js的data

isYes: true,

css自定

.class1{
    
    

}
.class2{
    
    

}

猜你喜欢

转载自blog.csdn.net/m0_46538057/article/details/111639488