How add class to "template" tag in vue?

Question

I need to know how can I add a class to "template" tag in vue.

<template 
  #popover
  class: templateClass // Is it possible to add a class in here?
>
  <router-link
    v-close-popover
    to="/somewhere"
  >
    Go to the page
  </router-link>
</template>

I don't know the syntax you're using, but if `#popover` results in `id="popover"`, then setting CSS class is probably as easy as `.templateClass`. — connexo, Mar 19 '21 at 10:07
@connexo the point is class won't be added to the template. There's no class attribute in element tab in browser — Atousa Darabi, Mar 19 '21 at 10:08

score 4 · Accepted Answer · answered Jul 17 '21 at 11:28

You can't bind any classes to the template tag as the template tag itself does not render an element for itself. What you're trying to achieve is not possible despite the comments made on the contrary. There's a reason why Vue2 needs a root element for it's components. Adding #templateRef to the template-tag is just a shorthand for v-slot (see What do the hash marks (#) mean in Vue?) and does basically nothing for you in this case.

How add class to "template" tag in vue?

1 Answers1