Courses
Vue Foundations Vue Fullstack Vue Enterprise
Articles
Latest Topics
More
Newsletter Sponsorship Discord About
The video for this lesson is currently being updated, please read the transcript instead.
> Lesson 48

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...

Courses
  • Vue Foundations
  • Vue Fullstack
  • Vue Enterprise
Articles
  • Latest
  • Topics
Newsletter
  • Join
  • Sponsorship
More
  • Discord
  • Vue.js jobs
  • About

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

  • RSS
  • |
  • Atom