Custom Template v-slot bug
Hi,
Please check the sample in the below link of yours:
https://ej2.syncfusion.com/vue/documentation/common/template/#slot-content
The column template shows the `Slot Name` rather than the content (cTemplate in this case).
I'm getting the same issue in my app too.
Please let me know what to do!
Hi Boopathi,
Greetings from Syncfusion support,
Currently, we are validating your query and we will update further details on or before 20th April 2022.
We appreciate your patience until then.
Regards,
Gokul
Hi Boopathi,
We have validated your requirement and considered this as a bug at our end. It will be included with our Volume 1 SP release which is scheduled on mid of May. So, we request you to keep track of the status through the below feedback link.
We appreciate your patience until then.
Regards,
Gokul
When can I expect the solution?
Hi Boopathi,
Sorry for the inconvenience caused,
We expect that our Volume 1 SP release will be rolled out on the mid of May 2022. Until we request you track the status from the following feedback.
We appreciate your patience until then.
Regards,
Gokul
Hi Boopathi,
Sorry for the inconvenience,
We are unable to complete it as planned due to some internal complexities. However, we will prioritize and included it with our Volume 2 release which is scheduled on end of June 2022.
We appreciate your patience until then.
Regards,
Gokul
Hi Gokul,
It seems like the entire v-slot functionality is broken with the Volume 2 release.
It worked before (20.1.x), but now you get "Failed to mount component: template or render function not defined."
Unfortunately I cannot setup a Codesandbox with example, it seems your current 20.x version does not work well with Codesandbox and the "Vue Class Component". See sandbox https://codesandbox.io/s/nifty-water-m6k2u5?file=/src/components/HelloWorld.vue
By the way, the slot notation in the example (https://ej2.syncfusion.com/vue/documentation/common/template/?_ga=2.122870091.1535783505.1657006281-454055067.1642512409#slot-content) is not the recommended one.
The recommended notation is #myTemplate="{data}" instead of v-slot:myTemplate="{data}".
Regards,
Peter
Additional information
Tested with Vue 2.x, Syncfusion 20.2.36
An update for everyone who has the same issue.
The issue is not caused by 20.2.x but by Vue 2.7.x, we where on Vue 2.6.x
For the moment, we downgraded to the fixed versions to vue 2.6.14 and vue-template-compiler 2.6.14
Regards,
Peter
Hi Peter,
Thanks for the update,
In the newer version of Vue 2.7.x they have introduced some breaking changes which needs to be addressed in the Syncfusion Vue component's. So we have planned to add compatibility of Vue components with updated new Vue version and it will be added in our upcoming Volume 3 release.
Please get back to us if you have any queries.
Regards,
Theveshwar
Hi Peter,
we deeply regret for the delay caused
We are glad to announce that our Essential Studio 2022 Volume 3 release v20.3.0.47 is rolled out and is available for download under the following link.
The issue with “Need to provide compatibility for Syncfusion components to Vue 2.7” has been resolved and included in this release. You can update to the latest package version (20.3.47) to resolve the issue in your sample.
https://ej2.syncfusion.com/vue/documentation/release-notes/20.3.47/?type=all
We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.
Regards,
Theveshwar
- 9 Replies
- 4 Participants
-
BO Boopathy
- Apr 13, 2022 04:31 AM UTC
- Feb 20, 2023 11:49 AM UTC
