Question

我试图在用户点击另一个元素时显示/隐藏DIV。两者都在FOR循环的每个元素内，使用VUE JS动态加载。

示例：

Item A 
Item B 
Item C

点击项目A时：

Item A
INITIALLY HIDDEN ELEMENT
Item B
Item C

点击项目b时：

Item A
Item B
INITIALLY HIDDEN ELEMENT
Item C

我的（veeery简化版）代码：

<tr v-for="item in items">
        <td>
             <span id="TRIGGER" @click="????">{{item.name}}</span>

             <div id="SHOW/HIDE DIV"></div>
        </td>
</tr>

在我的尝试中，我创建了一个布尔变量，并在点击时更改了值。但它（显然）显示/隐藏了所有FOR元素的所有div。

Answer 1

轻松！使用项目最独特的属性作为可见性触发器。

确保添加名为data的{{1}}属性，初始化为visible

null

VUE.JS选择FOR循环内的元素

1 个答案: