这算是一个比较常见的应用场景,使用index和动态class来控制选中行高亮
html代码
<div v-for="(item,index) in data" :key="index" @click="getIndex(index)"
:class="{'boardOn' :boardIndex == index}">
</div>
css
.boardOn{
border-color: #00abd5;
color: #00abd5;
}
js
getIndex(index){
this.boardIndex = index;
}