vue 点击当前添加class，同级删除class

< div class= "product" v-for="( goods, index) in goods" :key=" goods. id" >

< div class= "goods" :class="{ 'active': index == active}" @click=" check_show( index)" >

< img :src=" goods. imgage" alt= "" >

< p class= "Price" >¥：{{ goods. price}} </ p >

< p class= "details" >商品介绍：{{ goods. details}} </ p >

</ div >

</ div >

data() {

return {

active: 0,

        }

};

check_show : function( index) {

    this. active = index;

},

.active {

border: 1px solid #ff4400;

}