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

场景: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;
}
相关推荐
大黄说说15 分钟前
HTML5语义化标签:从div到article与section的进化之路
前端·html·html5
帅小伙―苏17 分钟前
力扣42接雨水
前端·算法·leetcode
糯米团子74923 分钟前
react速通-2
前端·react.js·前端框架
糯米团子74924 分钟前
react速通-3
javascript·react.js·前端框架
心连欣30 分钟前
从静态页面到动态交互:DOM操作的核心API解析
前端·javascript·api
橙某人33 分钟前
SSR页面上的按钮点不了?Nuxt 懒加载水合揭秘💧
前端·vue.js·nuxt.js
零瓶水Herwt39 分钟前
Javascript常用设计模式
javascript
PursuitofHappiness42 分钟前
2 tree-cli 的使用方法
前端
风骏时光牛马43 分钟前
C Shell脚本编程与系统管理技术实践指南
javascript
烛衔溟44 分钟前
TypeScript this 参数类型与全局 this
javascript·ubuntu·typescript