The Stots is not working

Hello there. I'm trying to set your Scheduler component in my app and I'm gettingthe weird issue insde the console if I'm trying to customize it via slot from your example here: https://app.screencast.com/6Jz2covjel0fa


I have copied exactly the same examplate from your documentation and it' not working if I"m trying to use slots. Gettiig this issue in the console: "TypeError: this.$slots.default is not a function"


In oner words this example is working fine:

<ejs-schedule height="650px" :selectedDate='selectedDate' :eventSettings='eventSettings'>

  </ejs-schedule>


And this one is not:

<ejs-schedule height="650px" :selectedDate='selectedDate' :eventSettings='eventSettings'>

    <e-views>

      <e-view option="Day"></e-view>

      <e-view option="Week"></e-view>

      <e-view option="WorkWeek"></e-view>

      <e-view option="Month"></e-view>

      <e-view option="Year"></e-view>

      <e-view option="Agenda"></e-view>

      <e-view option="TimelineDay"></e-view>

      <e-view option="TimelineWeek"></e-view>

      <e-view option="TimelineWorkWeek"></e-view>

      <e-view option="TimelineMonth"></e-view>

      <e-view option="TimelineYear"></e-view>

    </e-views>

  </ejs-schedule>


Could you please help me to figure out what is going on here? Thank you.


P.S.

"vue": "^3.4.15",

"@syncfusion/ej2-icons": "~25.1.35",

"@syncfusion/ej2-vue-calendars": "~25.1.37",

"@syncfusion/ej2-vue-schedule": "~25.1.37",

"vite": "^5.0.11",


1 Reply

VR Vijay Ravi Syncfusion Team April 8, 2024 07:32 AM UTC

Hi Artem,


We prepared the Vue Vite sample with your shared package version and included the schedule-related code snippet, but we were unable to replicate the issue you mentioned. We suspect that the view directive might be missing in the import statement, and the views may not have been properly provided in the statement below, as highlighted in the code snippet. Please try our shared sample.


[app.vue]


import {

  ScheduleComponent as EjsSchedule, ViewsDirective as EViews, ViewDirective as EView,

  ResourcesDirective as EResources, ResourceDirective as EResource,

  Day, Week, WorkWeek, Month, Year, Agenda, TimelineViews, TimelineMonth, TimelineYear

} from "@syncfusion/ej2-vue-schedule";

 

provide('schedule', [Day, Week, WorkWeek, Month, Agenda, TimelineViews, TimelineMonth, Year, TimelineYear ]);


Please get back to us with the required details for further assistance.


Regards,

Vijay


Attachment: schedule_vite_sample_5e7dc06b.zip

Loader.
Up arrow icon