每周Vue.js日历不显示事件 [英] weekly vuejs calendar does not display events

问题描述

每周日历无法正确显示事件。甚至 https://vuetifyjs.com/en/components/calendars 中的代码段给我一个空的日历。我想使用该功能，但找不到以下代码段出了什么问题。

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的工作方式：
https://codepen.io/anon/pen/ErPZrK

here's a codepen working : https://codepen.io/anon/pen/ErPZrK

这篇关于每周Vue.js日历不显示事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！