vue 点击切换变色

 

 <div class="type" v-for="(item,index) in type" @click="clicktype(item.id)" :id="item.id" :class="item.id == i?'active':''" >
         <div class="type_img " ><img :src="require('./'+item.img)" alt=""></div>
         <div class="type_name">{{item.name}}</div>
       </div>

export default {
        data(){
          return{
            type:[
              {id:1,name:'项目',img:'images/xiangmu.png'},
              {id:2,name:'汇总',img:'images/huizong.png'},
              ],
            i:1
          }
        },
      methods:{
        clicktype(id){
          this.i = id
        }
      }
    }