[Vuejs]-How to render VueJS Slot in a another component

1👍

In a parent component you can access child’s slots by adding ref attribute to child, and then render the VNode obtained. See the demo here https://codesandbox.io/s/happy-einstein-9f5rke?file=/src/components/StudentPage.vue

But actually I wouldn’t recommend this way such it’s not conventional and slots were not designed for this. I think you should rather consider using portals (Vue 3 portals or https://www.npmjs.com/package/portal-vue if you use Vue 2) to achieve your goal

Leave a comment