用vue实现div选中效果

Question

Answer 1

// template
<div v-for="item in list" :key="item.key" :class="{'active': activeKey === item.key}" @click="handleClick(item.key)"></div>

// js
handleClick(key) {
    this.activeKey = key;
}

// css
.active {
    //被选中的样式
}