每周Vue.js日历不显示事件

Question

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

我注意到模板v-slot：dayHeadere中有一个错字，并将其固定为dayHeader。仍然，不起作用。

[Codepen] https://codepen.io/anon/pen/mgwjee?&editable=true&editors=111

此代码段直接从vuejs网站保存。 （到我保存它的时候，它至少不能正常工作）。

我希望事件能够正确显示。.如果有人尝试使用此每周日历并成功了，请告诉我如何解决。我将不胜感激！

Answer 1

只需在您的<template>中用插槽和插槽范围替换垂直插槽：

替换

<template v-slot:dayHeader="{ date }">

和

<template v-slot:dayBody="{ date, timeToY, minutesToPixels }">

作者

<template slot="dayHeader" slot-scope="{ date }">

和

<template slot="dayBody" slot-scope="{ date, timeToY, minutesToPixels }">

这是一个Codepen的工作方式： https://codepen.io/anon/pen/ErPZrK