问题如下图所示,点击@keyup.enter不生效
1. 一般情况解决办法
在按钮上绑定keyup事件,加上.native覆盖原有封装的keyup事件文章来源:https://www.toymoban.com/news/detail-609252.html
<el-button type="primary" class="sub-btn" style="width:100%;" :disabled="btnDisabled" :loading="logining" @click.native.prevent="handleSubmit" @keyup.native.enter="handleSubmit">{{loginStr}}</el-button>
2. 终极解决办法
使用的是element-ui按钮,因为有遇到过第一种情况绑定之后无效情况,记录下此方法。在created使用文章来源地址https://www.toymoban.com/news/detail-609252.html
created () {
document.onkeyup = e => {
if (e.keyCode === 13 && e.target.baseURI.match(/login/)) {
// 调用登录 验证方法
this.submitForm()
}
}
}
到了这里,关于vue element UI使用 @keyup.enter不生效的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!