小编Rap*_*iel的帖子

我对 Vue 还很陌生，到目前为止我很喜欢它。但是，我遇到了以下问题，对于如何解决它的任何建议，我将不胜感激。

我想在对象上递归迭代以获取嵌套表。

我有这个模板：

<script type="text/x-template">
    <tr>
        <td><a v-on:click="toggle">[+]</a></td>
        <td>...</td>
    </tr>
    <tr is="row-item"  v-show="open" ...></tr>
</script>

它是递归的，所以每一tr行tr下面都有一个隐藏的行。

当用户单击父行上的 [+] 时，将出现子行。

我已经尝试将内容包装在一个tbody标签中，但后来我tbody进入了tbody，这仍然是一个非法的表格布局并破坏了它。

<script type="text/x-template">
    <tbody>
        <tr>
            <td>...</td>
            <td>...</td>
        </tr>
        <tr is="row-item" ...></tr>
    </tbody>
</script>

小提琴：https : //jsfiddle.net/rafi16d/puwcs9ay/

Vue@1.x 并不需要一个根元素。没有我怎么办？

有没有人遇到过类似的事情？

谢谢。