javascript - Vue.js将isActive添加到v-for中的类名称和绑定(bind)中的动态类名称

我在以下循环遍历store.js中的一些数据，这一切都很好，但是我想向多边形的类添加vue是活动条件，但是我不能在不破坏note.content_type的情况下处理语法，动态类名。

一旦可以在此元素上设置{active：isActive}，我想我知道如何将其添加到我的数据中并通过点击或单击对其进行更改。

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="800" id="space" ref="sheets">
          <g
            v-for="(note, index) in notes"
            :key="'note'+index"
            :transform="`translate(${note.xpos}, ${note.ypos})`"
            class="draggable"
          >

            <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"
            />

          </g>

再次感谢

最佳答案

抱歉，刚刚编辑过-使用数组语法而不是对象：

<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, isActive ? 'active' : '']"
  :id="note.id"
/>

关于javascript - Vue.js将isActive添加到v-for中的类名称和绑定(bind)中的动态类名称，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57853790/