lesson 33: adding classes dynamically
This commit is contained in:
parent
0be4a896e9
commit
f9203c83d3
|
@ -16,9 +16,9 @@
|
|||
<h1>Vue Dynamic Styling</h1>
|
||||
</header>
|
||||
<section id="styling">
|
||||
<div class="demo" @click="boxSelected('A')"></div>
|
||||
<div class="demo" @click="boxSelected('B')"></div>
|
||||
<div class="demo" @click="boxSelected('C')"></div>
|
||||
<div class="demo" :class="{active: boxASelected}" @click="boxSelected('A')"></div>
|
||||
<div class="demo" :class="{active: boxBSelected}" @click="boxSelected('B')"></div>
|
||||
<div class="demo" :class="{active: boxCSelected}" @click="boxSelected('C')"></div>
|
||||
</section>
|
||||
</body>
|
||||
|
||||
|
|
Reference in New Issue