vue中多层for循环的问题

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)"这样
图片描述

阅读 10.8k
2 个回答

把index1也传进去,加个判断,
&&index1==xxx

activeIndex是什么东西?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题