еженедельный календарь vuejs не отображает события

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

Просто замените v-слот на слот и слот-область в вашем <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 }">

вот рабочий код: https://codepen.io/anon/pen/ErPZrK