每周日历无法正确显示事件。甚至https://vuetifyjs.com/en/components/calendars中的代码段代码也使我的日历空白。我想使用该功能,但找不到以下代码片段出了什么问题。
我注意到模板v-slot:dayHeadere中有一个错字,并将其固定为dayHeader。仍然,不起作用。
[Codepen] https://codepen.io/anon/pen/mgwjee?&editable=true&editors=111
此代码段直接从vuejs网站保存。 (到我保存它的时候,它至少不能正常工作)。
我希望事件能够正确显示。.如果有人尝试使用此每周日历并成功了,请告诉我如何解决。我将不胜感激!
答案 0 :(得分: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