Vue.js 单击即可添加内容

在我的应用程序中，我在

tr

元素上有一个简单的循环，用于构建一个表：

<tr v-for="user in users"></tr>

因此，

v-for

迭代集合，对于每一行，我有另一行（即手风琴）

我想在用户单击通过

v-for

生成的行时生成“附加行”

那么，如何将这一行“附加”到所选行的下方？我想用老虎机，但我有点困惑

而且，当用户单击另一行时。。。应删除上一个附加行，并将下一个附加行附加到选定行上

简而言之，引导手风琴的行为是一样的。

---

我需要它，因为这样我可以“按需”加载手风琴内容。

尝试将它们都包装在

元素周围，如下所示：

<template v-for="user in users">
  <tr></tr> Generated with v-for
  <tr></tr> Row for accordion
</template>

用v-for生成
手风琴排

---

将不会呈现

元素。

请尝试将这两个元素包装在

元素周围，如下所示：

<template v-for="user in users">
  <tr></tr> Generated with v-for
  <tr></tr> Row for accordion
</template>

用v-for生成
手风琴排

将不会呈现

元素