vue-modal icon indicating copy to clipboard operation
vue-modal copied to clipboard

How can I pass the slot

Open drdevelop opened this issue 1 year ago • 2 comments

pass vue component slot

drdevelop avatar Apr 30 '24 03:04 drdevelop

Hello, just transferring to the slot will not work. I prefer to create modal windows with the required slots. It looks something like this:

// other-component.vue
<widget-modal>
  <template #header> Test {{label}}</template>
</widget-modal>

And then

import OtherComponent from "./other-component.vue"
openModal(OtherComponent, { label: "Header" })

Also u can try to do something like this:


openModal({
  template: `
  <widget-modal>
    <template #header> Test {{label}}</template>
  </widget-modal>
  `,
  components: {WidgetModal}
}, { label: "Header" })

Jenesius avatar Apr 30 '24 07:04 Jenesius

It looks like additionally bridging a component to pass the slot. It a little trouble. Is there a simple better way to achieve it?

drdevelop avatar May 09 '24 03:05 drdevelop