lesson 33: adding classes dynamically

This commit is contained in:
Andreas Zweili 2021-01-18 22:45:05 +01:00
parent 0be4a896e9
commit f9203c83d3
1 changed files with 3 additions and 3 deletions

View File

@ -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>