关于v-for和获取id的问题

img


蓝色的是循环上去的,要获取到他的id给下面的列表。总之就是,点击蓝色地方然后红色地方只显示蓝色的id的列表。

设置一个变量记录激活的tab下标,然后显示隐藏对应的tab内容框就行了


<div v-for="item in list" :key="item.id" @click="hanshu(item.id)">

</div>

感觉你的思路不太符合vue的逻辑,底下显示的是data里面的东西。应该是点取tab,修改data

点蓝色tab,取蓝色tab携带的关键key作为凭证,这个凭证就是下面红色块的判断