disabled 的button hover事件_vue elementui 绑定@keyup.enter事件无效解决办法

最新推荐文章于 2024-08-02 10:53:34 发布

weixin_39966602

最新推荐文章于 2024-08-02 10:53:34 发布

阅读量917

点赞数

文章标签： disabled 的button hover事件

一般情况解决办法：

在按钮上绑定keyup事件，加上.native覆盖原有封装的keyup事件

type="primary" class="sub-btn" style="width:100%;" :disabled="btnDisabled" :loading="logining" @click.native.prevent="handleSubmit" @keyup.native.enter="handleSubmit">{{loginStr}}</el-button>

终极解决办法：

使用的是element-ui按钮，因为有遇到过第一种情况绑定之后无效情况，记录下此方法。在created使用

created(){      document.onkeyup= e =>{        if (e.keyCode === 13&&e.target.baseURI.match(/login/)) {            this.handleSubmit();//调用登录 验证方法         }      }}

如果有好的方法，可以留言