Hover event on a single menu item

[dmtolent]

Hi! Would it be possible to add hover event on a single menu item and access the properties of that menu item object? If not, what would be the best implementation for this? Thanks!

[yaminncco]

Without knowing what you're trying to accomplish, in v5 the attributes property can accept events listeners. a possible solution:

{
  href: '/home',
  title: 'Home',
  attributes: {
    'data-id': 'unique-id',
    onMouseover: (e) => {
      const item = this.menu.find((item) => {
        return item.attributes?.['data-id'] === e.currentTarget.dataset.id
      })
      console.log(item)
    }
  }
}

[dmtolent]

Thanks for the quick response! Is it possible to accommodate this for Vue 2 as well?

[yaminncco]

This specific use-case can be implemented in userland using addEventListener.