点击添加内容

Question

在我的应用程序中，我在tr元素上有一个简单的循环来构建一个表：

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

因为我使用手风琴，我需要两行（第一行用v-for生成，另一行用手风琴）：

<tr></tr> Generated with v-for
<tr></tr> Row for accordion
<tr></tr> Generated with v-for
<tr></tr> Row for accordion

所以，v-for迭代集合，对于每一行，我有另一行（即手风琴）。

我想建立＆＃34;额外的行＆＃34;当用户点击通过v-for生成的行时。

所以，我怎么能＆＃34;附上＆＃34;这一行在选定的行下面？我认为使用插槽，但我有点困惑......

并且，当用户点击另一行时......应删除上一个附加行，下一行将附加在所选行上。

简而言之，Bootstrap Accordion的行为相同。 我需要这个，因为通过这种方式我可以按需加载手风琴内容＆＃34;。

Answer 1

尝试将它们包裹在<template>元素周围：

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

不会呈现<template>元素。