自己刚写的,大家有很好的方法留言交流
下面是实例代码
html部分
<div id="app">
定义class 和点击事
<p :class={a} @click="fn">点击</p>
<p :class="b ? 'b':''" @click="fn2()">55555</p>
<h1 :class="c ? 'c':''"></h1>
</div>
js部分在这里插入代码片
new Vue({
el:'#app',
data:{
a:true,
b:false,
c:true
},
methods:{
fn(){
// this.a=!this.a;
// 点击的时候将原有的状态该变成点击设置的状态,但是只能改变一次。所以此处涉及到判断
this.a=false
},
fn2(){
点击切换状态,可以相互转换。
this.b=!this.b;
}
}
})