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

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

html代码

 <div
                    class="muban_box"
                    v-for="(item, index) in arrTempList"
                    :class="{ act: actBoder == index }"
                    :key="index"
                    @click="show(item, index)"
                  >

js代码:

data数据

actBoder:0

methods方法

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

css

.act{
border:2px solid red;
}

你可能感兴趣的:(Vue,vue.js,javascript,前端)