Question

问题

在Vue中，我传递了一个名为问题的数组。该数组包含（目前）两个对象，但可以包含无限量的对象。然后每个对象都有另一个名为issues的数组，嵌套在其中。

问题在于，当我需要显示数据时，我发现我似乎无法达到内部＆＃34;问题＆＃34;部分。

我可以循环遍历第一个数组：

<tr v-for="issue in issues" track-by="id">

但这只能让我看到前两个对象。然后我尝试了：

<tr v-for="issue in issues" track-by="id">
    <td>
        <div class="btn-table-align" v-for="issue_title in issue.issues">
            @{{ issue_title.title }}
        </div>
    </td>
</tr>

这让我可以访问子元素，但不会生成足够的行。然后我尝试循环遍历它，就像这样：

<div v-for="first in issues" track-by="id">
    <tr v-for="issue in first" track-by="id">
        <td>
            <div class="btn-table-align">
                @{{ issue.id }}
            </div>
        </td>
    </tr>
</div>

但是，唉 - 当我这样做时，它根本不产生任何行。

我基本上需要一种方法在问题＆＃34;中运行问题，然后在结果和他们的直接孩子中运行另一个问题。唯一的问题是 - 我无法弄清楚如何做到这一点，而Vue不会回应上述任何尝试！我发现Vue中的二维数组的文档严重缺乏，让我感到困惑。

有人可以对此有所了解吗？是否可能，或者我需要以不同方式调整发送给Vue的数据？

为了提供帮助，我拍摄了一个示例结构的图像：http://i.imgur.com/6Oz67R9.png

Answer 1

这是一个典型的凌晨5点的问题，我现在意识到我传递的数据毫无意义 - 它应该是另一种方式。实际问题应该在第一个数组中，子数组应该包含受影响的服务器。

循环包含Vue.JS中包含对象的二维数组

1 个答案: