【VUE】动态类名 :class

动态添加类名，在某个变量值达到需求时自动添加某个类名，实现对应的效果

                <div
                  @click="delActivity(index)"
                  v-if="dataList.length > 1"
                  :class="['delBtn', { btnClass: index == 0 }]"
                >
                  删除
                </div>

.btnClass{
  display: none !important;
}

:class="['delBtn', { btnClass: index == 0 }]"

delBtn 为其他类名

{ btnClass: index == 0 }  为动态类名 index为下标，因为这个是在for循环里面写的，他的需求是下标为0时不显示