vue中点击按钮添加样式

此文章只是用于记录

1、遍历的元素在点击时添加样式
html

<div class="midadd">
  <template v-for="(item, index) in knowTypelist">
    <div
      class="mid"
      :key="item.id"
      @click="change(index)"
      :class="{ active: index == number, activ: index != number }"
    >
      <div class="right" @click="showPopup(item.id,index)">
        <p class="projectlist">{
   {
    item.name }}</p>
      </div>
    </div>
  </template>
</div>

js

data() {
   
    return