vue.js - vue for循环内点击只显示当前的

问题描述

问 题

拿到了后台给的数据，在循环的时候添加的click，想在点击当前td的时候改变当前下面的show，而不是所有

<tr v-for='(i,index) in data'>
    <td @click="changeData">
      <div v-if="show">{{i.mobileNumber}}</div>
    </td>
    <td></td>
    <td></td>
    <td></td>
</tr>

我想过在拿到后台数据以后自己给每条数据加个show:false,但有没有更好的方法

解决方案

再添加一个数据项

currentActive: -1

td设置

@click="currentActive = index"

然后div设置

v-if="currentActive == index"

相当于一个游标，指向当前激活数据。

这篇关于vue.js - vue for循环内点击只显示当前的的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！