关于vue 3 点击循环遍历的div后添加边框遇到的“坑”（基本常识）

最新推荐文章于 2024-05-25 08:44:35 发布

来时有风月

最新推荐文章于 2024-05-25 08:44:35 发布

阅读量733

点赞数

分类专栏：前端开发文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_41505685/article/details/126958676

版权

前端开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏


<div class="divClass" v-for="(item,index) in options" :key="index" :class="index == index ? 'addClass' : '' " @click="onclick(item, index)><div>


//通过绑定:class类

//给div添加点击事件@click="onclick(item,index)"

const active = ref(-1);

const onclick = (item, index) => {
  active.value = index;
  console.log( "点击");
};

.divClass{
border: 1px solid gay;
}
.addClass {
  border: 1px solid blue;
}

addClass 要放在divClass下面，毕竟不是通过js操作dom改变样式，只是添加覆盖样式