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;
}
相关推荐
Sand(ContextGate)1 小时前
Python Agent 测试实战:测试与评估,让 Agent 像传统软件一样可交付
前端·javascript·python·microsoft·ai
广州华水科技1 小时前
单北斗GNSS变形监测系统在城市安全与地质灾害中的应用前景
前端
颜进强1 小时前
20 · NestJs循环依赖与 forwardRef:容器为什么在环面前会死,"占位再补齐"怎么救
前端·后端·ai编程
颜进强1 小时前
19 · NestJs @Global 落地账:装饰器与 `isGlobal` 参数,各在什么场景上岗
前端·后端·ai编程
码艺-Alimjan1 小时前
Tauri 网站To桌面应用实战总结
前端·javascript·vue
颜进强2 小时前
18 · NestJS动态模块与 forRoot:`imports: [ConfigModule.forRoot({...})]` 到底在 import 什么
前端·后端·ai编程
YZ1225522 小时前
【Docker专题】使用Docker部署Vue-Flask项目前后端分离版【前端Docker部署】
前端·vue.js·docker
liangshanbo12152 小时前
浏览器渲染过程:高级前端面试题
前端
太子釢2 小时前
React 函数组件与 Hook 实践指南
前端·react.js
颜进强2 小时前
17 · 自定义 Provider 四形态:useValue / useClass / useFactory / useExisting 到底在选什么
前端·后端·ai编程