element ui导航@mouseenter、@mouseenter、@mouseleave等事件不起效

element ui导航@mouseenter、@mouseenter、@mouseleave等事件不起效

当我在项目中这样写时：
<el-menu-item :index="item.index+1" id="show" class="aa item navtion" v-for="(item,index) in navigationList" :key="item.category2Id" @mouseover="getnavGoods()" >{{item.category2Name}}</el-menu-item>
我们会发现此时，鼠标移入事件并不起效。
修改写法如下:

 <el-menu-item :index="item.index+1" id="show" class="aa item navtion"  
								v-for="(item,index) in navigationList" :key="item.category2Id" @mouseover.native="getnavGoods()" >{{item.category2Name}}</el-menu-item>

@mouseover.native这样写时，我们就发现起效了。
不过，在非element标签中使用@mouseover，能正常执行，无需添加native。
其他诸如方法如上，加上.native即可使用