2层for循环,第一层是行,第二层是每行中的元素,鼠标经过每个元素时,当前元素下面的子元素显示
<div class="table-row" v-for="(dataItem,index1) in dataItems">
<div class="timestamp"
v-for="(data,index2) in dataItem.Detail"
@mouseenter="showStampTooltip(index2)">
<div class="stampTooltip" v-show="activeIndex===index2"></div>
</div>
</div>
现在出现的问题就是,鼠标经过timestamp时每行中的相应下标的timestamp里的子元素stampTooltip都出现里,比如鼠标经过第二行的第一个元素timestamp,那么第一行的下标为0的第一个元素timestamp的子元素stampTooltip也出现了
data() {
return {
activeIndex: -1
}
},
methods:{
showStampTooltip:function (index) {
this.activeIndex = index;
console .log(index);
},
我想了一个笨的办法就是@mouseenter="showStampTooltip((index1+'.'+index2))"这样传
v-show="activeIndex===(index1+'.'+index2)"这样
把index1也传进去,加个判断,
&&index1==xxx