1 <div class="item" :class="changeStyle" @click="dododo()"> 2 onepiece 3 </div>
class=“item” 是固定样式,:class=“changeStyle” 是动态样式。
在css中,分别定义两个待变换样式的类。如:
1 .bg-red { 2 background-color: red; 3 } 4 5 .bg-green { 6 background-color: green; 7 }
dododo() { this.changeStyle = this.changeStyle ? 'bg-red' : 'bg-green'; }