vue中动态添加类名，点击哪个，哪个背景颜色变化

今天遇到一个需求就是，就是当点击一个按钮的让按钮的颜色不一样，因为这个是循环出来的,所以说点击的时候点哪个就把哪个的id或者下标（index）传过去就好了。就需要动态添加类名。

<a-row>
  <a-col :span="4" v-for="(item,index) in contentSize" :key="index">
    <div class="content" @click="quearyEvear(item.number,item.id,index)" :class='{active:index==dynamic}'>
      {{ item.name }}
    div>
  a-col>
a-row>

data () {
  return {
	dynamic: false
 }
}
 quearyEvear (number, id, index) {
   console.log(index)
   this.dynamic = index
 },

.active {
  color: white;
  background-color: #1890ff;
}