v-tooltip is a package for a reusable tooltip component for VueJS.
Questions tagged [v-tooltip]
20 questions
10
votes
3 answers
v-tooltip stops working when element is disabled
I need the tooltip explaining why the button is disabled, but when I do, tooltip is disabled also.
Thinker
- 14,234
- 9
- 40
- 55
5
votes
2 answers
How to conditionally display a tooltip in Vue.js?
I am trying to conditionally display a v-tooltip based on a Boolean. This is what I have currently:
LDB
- 543
- 4
- 13
- 29
3
votes
2 answers
Vue v-tooltip line break
I am using v-tooltip. I want to add some tooltip text to a button and I want a line break, but I cannot figure out if it's possible to have a line break with this method. I looked at the documentation and can't see this being referenced…
Sorin Burghiu
- 715
- 1
- 7
- 26
3
votes
1 answer
How to pass rendered Vue component as parameter?
I use Vue, vue-fontawesome and v-tooltip. What I simply try to do is this:
But that doesn't work, component passed as strings are not rendered. How to get it done easy way?
Thinker
- 14,234
- 9
- 40
- 55
2
votes
1 answer
vue property as prop name without value
I want to pass a property that doesn't have any value - only name. I want the name to be dynamic according the prop.
I want to create a component of tool-tip that get the tool-tip side -> top left right or bottom. in v-tooltip there isn't property…
almog sdeor
- 21
- 3
1
vote
1 answer
How to make v-tooltip close when I click anywhere else on screen
I'm using vuetify 3 and there is no option on the v-tooltip to close when the user clicks away. Here is my code:
Open tooltip
Chad Rogers
- 11
- 2
1
vote
1 answer
How to show v-tooltip only when button is disabled
I am using Vuejs 2 and the v-tooltip npm package. I would like to display the v-tooltip only when a button is disabled. When it is not disabled, I don't want to display the v-tooltip at all.
George X
- 47
- 1
- 7
1
vote
2 answers
Why does v-tooltip cause content to disappear?
I'm working in a Vue application with Vuetify. I'm trying to add a v-tooltip around a v-list-tile-avatar element with an image in it like so:
…
gib65
- 1,709
- 3
- 24
- 58
1
vote
1 answer
How to close outer v-tooltip on inner v-tooltip hover
I have two tooltips, one is on an outer element, the other on the inner element like this:
How do I remove the outer tooltip when the inner tooltip is showing?
Here's a Fiddle
The code is pretty standard, but keep in mind, sometimes v-tooltip…
Travis Heeter
- 13,002
- 13
- 87
- 129
0
votes
2 answers
v-bind reactivity inside a template literal?
I'm generating a template literal html that feeds into the v-tooltip.
I'm trying to bind the src of the images inside each li to react to changes in other computed properties but it doesn't seem to work.
Is it even possible to v-bind an attribute…
Subjugation
- 105
- 2
- 10
0
votes
0 answers
Can v-tooltip toggle tooltip content visibility by clicking?
I'm using v-tooltip plugin that needs to work on mobile devices. Naturally, I had to change trigger since it can't trigger hover on a mobile device.
AlenD
- 1
- 1
0
votes
1 answer
Text-color for v-tooltip
I have many v-tooltips components and I'd like to know a way to change the text-color of it, not the color of the tooltip.
I tried inspecting the element but it's impossible to inspect the tooltip since it only appears on hover of the…
Quentin
- 65
- 9
0
votes
1 answer
Put margins on v-tooltip
I have a text that displays when I hover a button.
What I'd like is to set the tooltip a bit away from the button (without changing the button's size) because at the moment, it's appearing a bit on the button, they are way too close…
Quentin
- 65
- 9
0
votes
1 answer
Target non-wrapped element with v-popover component
The v-popover component works great when wrapping an element inside of it, eg:
My awesome span
My awesome popover
However I'd like to specify…
Growth Mindset
- 1,135
- 1
- 12
- 28
0
votes
1 answer
How to close outer v-tooltip on inner v-tooltip when there are many containers
I used this reference:
https://stackoverflow.com/a/53108600
to close an outer v-tooltip on an inner v-tooltip hover.
The problem is that this approach is only elegant when there is one container to deal with.
When you start to have many containers…
yuval
- 2,848
- 4
- 31
- 51