Javascript vue.js渲染数据获取'；未定义的'；

我在呈现JSON对象中的数据时遇到问题。当我编写纯js时，这很好，但当我转换为vue时就不起作用了。在我还试图恢复到以前的承诺之前，这是有效的，以查看情况是否发生了变化，但同样的问题仍然存在，这对我来说毫无意义

我遗漏了很多代码，但这应该是要点

TableRecords.vue

<template
   v-for="day in ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']">
   <td v-for="shift in ['10-6', '6-2', '2-10']">
      <a href="#"
         v-on:click="record.Status === 'Active' ? showScheduleModal(record.FileNumber, day, shift) : null"
         style="text-decoration: none;"
         v-html="data.schedule[record.FileNumber][day][shift]">
      </a>
   </td>
</template>

{ 
   "954107":{ 
      "Monday":{ 
         "2-10":"<span style=\"color: #3831bd\"><b>Non<br>Prod</b></span>",
         "10-6":"<span style=\"color: black\">0</span>",
         "6-2":"<span style=\"color: #3831bd\"><b>Non<br>Prod</b></span>"
      },
      "Tuesday":{ 
         "10-6":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>",
         "6-2":"<span style=\"color: black\">0</span>"
      },
      "Wednesday":{ 
         "10-6":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>",
         "6-2":"<span style=\"color: black\">0</span>"
      },
      "Thursday":{ 
         "6-2":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>"
      },
      "Friday":{ 
         "6-2":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>"
      },
      "Saturday":{ 
         "2-10":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>",
         "6-2":"<span style=\"color: black\">0</span>"
      },
      "Sunday":{ 
         "10-6":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>",
         "6-2":"<span style=\"color: black\">0</span>"
      }
   },
   "960850":{ 
      "Monday":{ 
         "6-2":"<span style=\"color: black\">0</span>",
         "2-10":"<b>8</b>",
         "10-6":"<span style=\"color: black\">0</span>"
      },
      "Tuesday":{ 
         "2-10":"<b>8</b>",
         "6-2":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>"
      },
      "Wednesday":{ 
         "10-6":"<span style=\"color: black\">0</span>",
         "2-10":"<b>8</b>",
         "6-2":"<span style=\"color: black\">0</span>"
      },
      "Thursday":{ 
         "2-10":"<b>8</b>",
         "6-2":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>"
      },
      "Friday":{ 
         "10-6":"<span style=\"color: black\">0</span>",
         "6-2":"<span style=\"color: black\">0</span>",
         "2-10":"<b>8</b>"
      },
      "Saturday":{ 
         "6-2":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>"
      },
      "Sunday":{ 
         "6-2":"<span style=\"color: black\">0</span>",
         "10-6":"<span style=\"color: black\">0</span>",
         "2-10":"<span style=\"color: black\">0</span>"
      }
   }
}

---

我解决了这个问题。这是由于一些员工的时间表不存在。我刚刚添加了一个检查。

如果data.schedule中存在或不存在文件号，请尝试使用console

[Vue warn]: Error in render: "TypeError: Cannot read property 'Monday' of undefined"