vue에서 @mouseover 작업이 작동하지 않는 이유

Question

mouseover 작업을 수행 할 수 없습니다.

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

가 더 볼 : 그것은 내가

사용자 정의 요소에 이벤트를 가하고 있기 때문에 코드

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

Answer 1

, 당신은 native 수정을 사용할 필요가 마우스를 움직일 때 메시지를 CONSOLE.LOG 수 없습니다 여기 : https://vuejs.org/v2/guide/components.html#Binding-Native-Events-to-Components