Skip to content

Hide Vue Slot If No Content

Jason Lewis edited this page Jan 6, 2021 · 1 revision

Up

Vue components contain a this.$slots property so you can reference you're slot like this:
this.$slots.mySlot

So you can hide a slots container with:

<div v-if="$slots.mySlot">
  <slot name="mySlot" />
</div>
Clone this wiki locally