We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Vue3 and Panel template


Can I please get a sample on how to use the Dashboard component with a Panel template using v-slot?

5 Replies

LD LeoLavanya Dhanaraj Syncfusion Team October 17, 2022 12:30 PM

Hi Christian,

Greetings from Syncfusion support.

From your shared details, we understand that you want to use the Dashboard Layout component with a panel template using v-slot . Currently, we are checking the feasibility of your requirement in the Vue3 platform. But we need some additional time and will update you with further details on October 19, 2022.

We appreciate your patience.

Leo Lavanya Dhanaraj

LD LeoLavanya Dhanaraj Syncfusion Team October 20, 2022 11:08 AM

Hi Christian,

Thanks for your patience.

We have validated the reported issue in the Vue Dashboard Layout component and considered it a bug on our end. The fix for this issue will be included in our weekly patch release on November 8, 2022. You can track the status of the issue fix using the following feedback link.

Feedback link : https://www.syncfusion.com/feedback/38593/the-dashboard-layout-component-does-not-work-with-a-panel-template-using-v-slot

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

We appreciate your patience.


Leo Lavanya Dhanaraj

LD LeoLavanya Dhanaraj Syncfusion Team November 22, 2022 03:52 AM

Christian, we are glad to announce that our patch release (V20.3.57) has been rolled out successfully. The issues with “The Dashboard Layout component does not work with a panel Template using v-slot”  have been resolved in this release. To access this fix, we suggest you update the package to 20.3.57.

For your reference, we include the sample in the latest version.


Feedback: https://www.syncfusion.com/feedback/38593/the-dashboard-layout-component-does-not-work-with-a-panel-template-using-v-slot

Release Notes: https://ej2.syncfusion.com/vue/documentation/release-notes/20.3.57/?type=all#dashboard-layout

CD Christian DAquino November 22, 2022 07:34 PM


But how do I pass a data prop to the template? On other syncfusion components - like the data grid as an example - I can pass a prop and access it from the template. Something like this:

<template v-slot:contentTemplate :data={data}>

              <my-template />


That still doesn't seem to work this version 20.3.57.

CD Christian DAquino replied to Christian DAquino December 1, 2022 01:14 PM


Any updates to this?

Live Chat Icon For mobile
Up arrow icon