V-不输出

Question

我对vue.js非常陌生。

我正在尝试输出到页面上表中间的v-for上，尽管没有错误报告，但我的元素未呈现。

我知道我的数据可以正确显示在页面上，因为我可以使用vue.js开发工具进行检查。

有人能指出我错了吗？如果控制台中报告了任何内容，我可以从那里开始工作，但是什么也没有。

我的代码是：

<template v-for="item in dashboardData.items">
   <tr>
      <td class="position">{}{item.position}}</td>
      <td>{{item.salespersonname}}</td>
      <td>{{item.units_week1}}</td>
      <td>{{item.weeklytargetform_week1}}</td>
      <td>{{item.targetstreak}}</td>
      <td>£{{item.targetsales}}</td>
      <td>£{{item.actualsales}}</td>
      <td>{{item.points}}</td>
      <td>{{item.performancelevel}}</td>
   </tr>
</template>

我的脚本是：

<script>
$.get("https://xxxxx.co.uk/reporting/dashboards/team/detailed/week", function(
  data
) {
  var dataItems = data.items;
  var vm = new Vue({
    el: "#main",
    data: {
      dashboardData: dataItems
    }
  });
});
</script>

Answer 1

data.items已经分配给dataItems，因此调用dataItems.items有点像尝试调用data.items.items。您可以通过两种方法解决此问题，但我建议您尽早进行修复，以使其恢复正常运行...

$.get('https://xxxxx.co.uk/reporting/dashboards/team/detailed/week', function(data) {
  var dataItems = data; 
  var vm = new Vue({
    el: '#main',
    data: {
      dashboardData: dataItems
    }
  });
});