vue实现多个button选择不同的button按钮高亮

HTML

<div v-for="(test,index) in tests" :key="test.name">
		 <div @click="myMethod(index)" :class="{'show':test.active}">   
        </div>
 </div>

DATA

 tests: [
        {name:'111',url:'1111',number:'11111'},
        {name:'222',url:'2222',number:'22222'},
        {name:'333',url:'3333',number:'33333'},
      ],

方法

myMethod(index) {
      let result = []
      this.tests.forEach((element,i) => {
        if (index === i){
          element.active = true;
        }else {
          element.active = false;
        }
        result.push(element)
      })
      this.test= result
      }

当前的index与tests中所有的下标对比，相同，则开启css