vue.js呈现数据获取“未定义”
vue.js呈现数据获取“未定义”
提问于 2020-02-05 18:03:05
在呈现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>data.schedule
{
"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"回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-05 18:26:29
我解决了这个问题。这是由于一些雇员的日程安排不存在。我刚加了一张支票。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60081623
复制相关文章
相似问题
腾讯云开发者
