问题描述
每周日历无法正确显示事件。甚至中的代码段给我一个空的日历。我想使用该功能，但找不到以下代码段出了什么问题。
The weekly calendar does not display events properly. Even the snippet code from the https://vuetifyjs.com/en/components/calendars also render me an empty calendar. I wanted to use the feature but I could not find what went wrong with the following snippet.
我注意到模板v-slot：dayHeadere中有一个错字并将其修复为dayHeader。仍然，不起作用。
I noticed a typo in template v-slot:dayHeadere and have fixed it to dayHeader. Still, does not work.
[Codepen] https://codepen.io/anon/pen/mgwjee?&editable=true&editors=111
此代码段直接从vuejs网站保存。 （到我保存它的时候，它至少无法正常工作。）
this snippet is saved directly from the vuejs website. (By the time I saved it, it doesn't work properly at least).
我希望事件能够正确显示。.如果有人尝试使用此功能每周日历并成功，请告诉我您如何解决它。
I expect the events to be displayed properly.. if anyone has tried to use this weekly calendar and succeed please tell me on how do you fix it. I would be really appreciated!
推荐答案
只需将 v-slot 替换为 slot < template> 中的strong>和插槽范围：
Just replace v-slot by slot and slot-scope in your <template>:
替换
<模板v-slot：dayHeader = {date}>
和
< template v-slot：dayBody = {date， timeToY，minutesToPixels}>
作者
<模板slot = dayHeader slot-scope = {date}>
和
<模板slot = dayBody slot-scope = {date，timeToY，minutesToPixels}>
这是一个Codepen的工作方式：
here's a codepen working :https://codepen.io/anon/pen/ErPZrK
这篇关于每周Vue.js日历不显示事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！