场景:vue循环列表点击选中某个区域,默认选中第一个区域效果
html代码
javascript
<div
class="muban_box"
v-for="(item, index) in arrTempList"
:class="{ act: actBoder == index }"
:key="index"
@click="show(item, index)"
>
js代码:
data数据
javascript
actBoder:0
methods方法
javascript
show(item, index){
this.actBoder=index;
}
css
javascript
.act{
border:2px solid red;
}