Vue if class

Vue conditional class

<div :class="{ 'prop-name': boolVar }"></div>

Vue class binding

<div v-bind:class="{ active: isActive }"></div>

If cluse in class in vue

<div  :class="{'collapse':true , 'show' : key == 0 ? true : false }">
           
</div>

Vue class add if

<div class="" :class="[
                    $ua.isFromPc() !== true ? '':'fs-5 p-3', ' border bg-secondary text-white  rounded_3 test'
                ]" :id="`answer${key}`" style="cursor: pointer" @click="ClickingTest($event)">{{ value }}
          </div>

Vue if class

<button class="nav-link" id="home-tab" data-bs-toggle="tab" :data-bs-target="'#'+item.code" type="button"
                        role="tab" :aria-controls="'#'+item.code" aria-selected="true" :class="[
                            key == 0 ? 'active' : '',
                        ]">
                    <img :src="item.icon" style="width: 20px">
                    {{ item.name }}
                </button>

Similar codes

1 vote290 views2 answers
Flask ico
Html
0 vote332 views1 answer
Smtplib.SMTPAuthenticationError: (534, b'5.7.14 <https://accounts.google.com/signin/continue?sar
Html
0 vote285 views2 answers
How to increase size of input submit type in html
Html
0 vote319 views1 answer
Bootstrap 4 basic structure
Html
0 vote267 views1 answer
Input type submit align center
Html
2 votes285 views2 answers
How to make circle button in bootstrap
Html
1 vote291 views2 answers
Put space between text html
Html
0 vote295 views1 answer
Invisible element html
Html
3 votes343 views2 answers
Angular material drag and drop only on button
Html
1 vote302 views1 answer
Html checkbox label clickable
Html