title: Vue.js add isActive to class name within a v-for and dynamic class names in the bind
body: <p>I have the following looping through some data in store.js Which is all working great I however want to add the vue is active condition to the class for the polygon, however I cant work on the syntax without breaking note.content_type, which provides the dynamic class name.</p>
  
  <p>once I can set { active: isActive } on this element I think I know how to add this to my data and change it on a tap or click.   </p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" width="400" height="800" id="space" ref="sheets"&gt;
            &lt;g
              v-for="(note, index) in notes"
              :key="'note'+index"
              :transform="`translate(${note.xpos}, ${note.ypos})`"
              class="draggable"
            &gt;
  
              &lt;polygon
                v-if="note.content_type == 'link'"
                points="9.500000000000002,16.454482671904334 -19,2.326828918379971e-15 9.499999999999986,-16.45448267190434"
                fill="#989898"
                :class="note.content_type"
                :id="note.id"
              /&gt;
  
            &lt;/g&gt;
  </code></pre>
  
  <p>Thanks again</p>