vue循环列表点击选中，默认选中第一个

场景：vue循环列表点击选中某个区域，默认选中第一个区域效果

html代码

 <div
                    class="muban_box"
                    v-for="(item, index) in arrTempList"
                    :class="{ act: actBoder == index }"
                    :key="index"
                    @click="show(item, index)"
                  >
1
2
3
4
5
6
7

js代码：

data数据

actBoder:0
1

methods方法

show(item, index){
	this.actBoder=index;
}
1
2
3

css

.act{
border:2px solid red;
}
1
2
3