Skip to content

Instantly share code, notes, and snippets.

@BananaAcid
Created January 23, 2025 15:31
Show Gist options
  • Save BananaAcid/7802a78c268ebf6fe00ee7f4f715409e to your computer and use it in GitHub Desktop.
Save BananaAcid/7802a78c268ebf6fe00ee7f4f715409e to your computer and use it in GitHub Desktop.
VUE: access each element in default slot

MyElement.vue

<template v-for="item in $slots.default?.()" :key="item">
  <p>
    <component :is="item" /> <!-- wrapps all child elements in default slot -->
  </p>
</template>

main.vue

<MyElement>
  <img src="a.jpg" />
  <img src="b.jpg" />
  <img src="c.jpg" />
</MyElement>

Ref: https://stackoverflow.com/a/76557817/1644202

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment