How to pass rendered Vue component as parameter?

Question

I use Vue, vue-fontawesome and v-tooltip. What I simply try to do is this:

<button v-tooltip="<fa icon='sign-out-alt'/>">Upgrade</button>

But that doesn't work, component passed as strings are not rendered. How to get it done easy way?

Kordonme · Accepted Answer · 2018-11-27 08:42:54Z

1

In this specific use case, there's an example for that in v-tooltip readme

If you need to display components inside the tooltip (or popover/dropdown, technically it's the same 😄), use the v-popover component

Here's an example of using a child component as a popover. Instead of my child component, you would use your <fa icon='sign-out-alt'/> icon.

answered Nov 27, 2018 at 8:18

Kordonme

2,2843 gold badges20 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1