Javascript 使用Vue.js循环json以填充html表

在页面加载时，我从数据库中获取一些json格式的数据。现在，我想使用Vue.js循环该json并构建一个html表

Javascript/Vue.js部分：

HTML结构：

Json对象：

现在前端不渲染任何内容。但是，我没有Vue中的任何错误，并且在上面的示例中，实现的console.log显示了正确的Infineon项。我假设从Vue到fronend中变量的传输不起作用

---

注意：我使用[…]分隔符，因为我的Django框架保留了花括号。我在另一个项目中成功地运行了这个，这不应该是这里的问题。

//更新：vue devtool上的json显示info不是您想要的数组，您可以在中执行以下操作：this.info=response.data.data。然后获取正确的数据

那就试试这个

<td v-for="stockName in info">[[ stockName.fields.stockName ]]</td>

---

在模板中使用stockName

您在info中迭代为v-for=stockName，但在循环中从不使用stockName。是console.logresponse.data的上述输出；或控制台。logresponse；？它是console.logresponse.data；你确定吗？你能试试console.logresponse.data.info.data吗？这会像0:Object{fields:Object{}}那样显示数组列表吗？这是一个非常简单的问题，但需要一些测试。请为此创建一个用于显示问题发生的示例。不呈现仍然：/：调整后，json现在看起来更好了，但仍然没有呈现任何内容请在codesandbox.io上做一个演示，作为@palash的注释进行进一步测试尝试找出如何使用此沙盒，但这似乎是更大的挑战lol。当console.logresponse.data.data[0].fields.stockName返回Infineon时，它会返回非常正确的结果。它应该正常工作，例如：

<table>
 <thead>
  <tr>
   <th>Company</th>
  </tr>
 </thead>
 <tbody id="stocksTerminal">
 <tr>
  <td v-for="item in stocks">[[ item.fields.stockName ]]</td>
 </tr>
 </tbody>
</table>

<td v-for="stockName in info">[[ stockName.fields.stockName ]]</td>