#css #development #html #javascript #vuejs

Did you know that in @vuejs you can add static and dynamic classes to an element at the same time?

 1<template>
 2    <ul>(
 3      <li v-for="item in list"
 4          :key="item.id"
 5          class="always-here"
 6          :class="{
 7              'always-here': true,
 8              selected: item.selected,
 9          }"
10      >
11          {{ item.name }}
12      </li>
13    </ul>
14</template>

Great tip by @MichaelThiessen.

You might also like:

If this post was enjoyable or useful for you, please share it! If you have comments, questions, or feedback, you can email my personal email. To get new posts, subscribe use the RSS feed.