Only show slot if it has content

Question

Is there a way to only display a slot if it has any content?

For example, I\'m building a simple Card.vue component, and I only want the footer displayed if

Answer 1

You should check vm.$slots and also vm.$scopedSlots for it.

hasSlot (name = 'default') {
   return !!this.$slots[ name ] || !!this.$scopedSlots[ name ];
}