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。

    原文作者:狂奔的蜗牛
    原文地址: https://segmentfault.com/a/1190000017311468
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞