mouseover and mouseout misbehaves when Vue JS transition component is used

May 27 '21 Comments: 1 Answers: 0

0

I am creating a popup menu as shown below

const menuItem = {
  props: ['name', 'val'],
  data() {
    return {
      showChild: false
    }
  },
  template: /*html */ `
    <div class="nav-item" @mouseover="showChild=true" @mouseout="showChild=false">
        <span v-if="typeof val === 'string' || val instanceof String">
            <a :href="val" target="_blank" rel="noopener noreferrer">{{name}}</a>
        </span>
        <div

…

Open Full Question