How to provide hover effects on `<b-nav-item>` mouseover?

Hello friends, I have just begun using this project, thanks— I can hook into a nav-item’s @click attribute, but when attempting to receive events on hover, nothing happens.

<template>
  <b-nav vertical>
    <b-nav-item @mouseover="hello">Home</b-nav-item>
  </b-nav>
</template>

<script>
export default {
  methods: {
    hello() {
      debugger
    }
}
</script>

1. Is this true for most of @bootstrap-vue components?
2. Am I missing something?

Thanks.

[alexsasharegan]

BTW, @tmorehouse, you might have a jQuery event you’re thinking of. hover is not a native DOM event. Use mouseover or mouseenter. You can check stack overflow for the differences between those events (I know I always get confused).

[alexsasharegan]

So this is sort of a duplicate of https://github.com/bootstrap-vue/bootstrap-vue/issues/588. Check this issue for a pretty good description of using v-on with the .native modifier.