element-ui中使用@mouseenter、@mouseleave等不起作用

vue项目中使用element-ui框架,在element标签中使用@mouseenter不起作用。web项目中的写法如下:
<el-button type="primary" @mouseenter="loginBtn()">登录</el-button>。
移动鼠标,目前不能触发该事件。

修改后的写法如下(触发事件加上native):
<el-button type="primary" @mouseenter.native="loginBtn()">登录</el-button>。

分析原因:elementUI内部把相关的方法禁止。
依次推论并验证:在非element标签中使用@mouseenter,能正常执行,无需添加native。