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
    }
  });
});