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