Vue.js 为什么 vue 中的 @mouseover 操作不起作用

<template>
  <div id="horrizontalNav">
    <el-menu class="el-menu-demo" mode="horizontal" >
      <el-menu-item index="1" @mouseover="showUp">find Music</el-menu-item>
    </el-menu>

  </div>
</template>

<script>
  export default {
    data() {
      return {
      };
    },
    methods: {
      showUp() {
        console.log('succeed')
      }
    },
  }
</script>
密码>

<el-menu-item index="1" @mouseover.native="showUp">find Music</el-menu-item>

Vue.js相关问答推荐

Vuetify 2中自定义标头的排序和筛选

如何将外部 svg 转换为 Vue3 组件？

为什么将 name 与 router-link 一起使用比仅使用 to 与 path 更好？

在计算(computed)属性上调用数组方法

VeeValidate 4 字段验证状态

手动触发对观察到的对象/数组的更新

VueJS中的绑定函数含义

VuetifyJS：如何摆脱 v-stepper 组件的提升？

如何在map中添加新的标记 onclick？

如何更新手动安装的 vue 组件上的props？

使用 vue-property-decorator 时注册本地组件

v-model 不会检测到 jQuery 触发事件所做的更改

Keycloak：用户基于角色的客户端登录访问限制

VueJS 使用 prop 作为数据属性值

如何在 Vue.js 中获取组件元素的 offsetHeight？

使用 refs 聚焦元素目标

给 标签中的 href 赋值

Vuetify v-data-table 固定标题不起作用

将鼠标悬停在 TailwindCSS 中的 div 上时显示按钮

如何在 vue3 中的setup方法中发出事件？