上點擊

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迭代收集和每一行，我有另一行（即手風琴）。

我想在用戶點擊v-for生成的行時生成「附加行」。

那麼，我怎麼能「附加」在選定的行下方的這一行？我想使用插槽，但我有點困惑...

而且，當用戶點擊另一行...上一個附加行應刪除，下一個，將附加在選擇。

總之，Bootstrap手風琴的行爲是一樣的。 我需要這個，因爲通過這種方式我可以在需要時加載手風琴內容。

Answer 1

嘗試包裹他們倆周圍<template>元素，例如：

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

的<template>元素將不會被渲染。