In my vue.js app, I am implementing a vue.js component with a v-tooltip to display it’s content with multiple entries. One of the entry is a anchor link. The tooltip is working using mouse hover, so as soon as the mouse is hovered outside of the item it tooltip is no longer visible. How do I get around the issue so that a link inside the tooltip can be clicked?
Here is my vue.js component

Vue.component(‘label-provider-item’,
{
props: [‘item’],
template:’tooltip.top=”{show: item.pageingNote || !item.pagerId,
content:createTooltipHtmlContent(item),
trigger:’hover’}”>

{{item.label}}

‘ methods: { >createTooltipHtmlContent:
createTooltipHtmlContent }
} );