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;
}
相关推荐
小高0074 分钟前
JavaScript 内存管理是如何工作的?
前端·javascript
是大林的林吖11 分钟前
解决 elementui el-cascader组件懒加载时存在选中状态丢失的问题?
前端·javascript·elementui
鹏仔工作室11 分钟前
elemetui中el-date-picker限制开始结束日期只能选择当月
前端·vue.js·elementui
一 乐13 分钟前
个人博客|博客app|基于Springboot+微信小程序的个人博客app系统设计与实现(源码+数据库+文档)
java·前端·数据库·spring boot·后端·小程序·论文
默 语15 分钟前
Electron 应用中的系统检测方案对比与鸿蒙适配实践
javascript·electron·harmonyos·gwo
sTone8737522 分钟前
Android Room部件协同使用
android·前端
Zyx200723 分钟前
JavaScript 异步编程深度解析(上):单线程、事件循环与异步的本质
javascript
晴殇i27 分钟前
前端代码规范体系建设与团队落地实践
前端·javascript·面试
用户740546399430927 分钟前
Vite 库模式输出 ESM 格式时的依赖处理方案
前端·vite
开发者小天35 分钟前
React中使用useParams
前端·javascript·react.js