vue.js 渲染数据变得“未定义”

Question

我在渲染 JSON 对象中的数据时遇到问题。 这在我编写普通 js 时工作正常，但在我转换为 vue 时不起作用。 在我还尝试恢复到较旧的提交以查看情况是否发生变化之前，这是有效的，但同样的问题仍然存在，这对我来说毫无意义。

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

表格记录.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>"
      }
   }
}

错误

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

Answer 1

我想通了这个问题。 这是由于某些员工的时间表不存在。 我只是为它添加了一张支票。