实现效果:初始为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{
}
实现效果:初始为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{
}