Articles
Latest
More
Newsletter Sponsorship Discord About
Sign up for our Newsletter
The video for this lesson is currently being updated, please read the transcript instead.
Vue Foundations > Lesson 92

Showing tooltip on mouse hover

In the last video we added a CSS class to our tooltip to ensure it's hidden by default.

What we want to do now is listen for the hover event on the session time and then show the tooltip.

Selecting element

For this to work, the hover event listener needs to be add to the div child of the element the directive is applied to.

src/components/MovieSessions.vue

<div
  ...
  v-tooltip="session.seats"
>

Back to course page

Click to load comments...

Articles
  • Latest
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

Vue.js Developers © 2021. View our privacy policy .

  • RSS
  • |
  • Atom