Vue element keyup.enter失效不起作用

Posted liessay

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue element keyup.enter失效不起作用相关的知识,希望对你有一定的参考价值。

解决方式一

  添加按键修饰符@keyup.enter.native

解决方式二

  把事件绑定到父元素(外框),需注意多个input问题

<div @keyup.enter="login">
<input type="text">
</div>

 

以上是关于Vue element keyup.enter失效不起作用的主要内容,如果未能解决你的问题,请参考以下文章

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

Vue 小组件input keyup.enter绑定

vue enter事件无效,加入native

如何在(keyup.enter)上关闭移动键盘 - Angular 6

vue中一组件同时绑定了keyup.enter和blur事件,两个事件指向同一个函数,会触发两次的解决方案

vue实现404页面配置自带的回车事件@keyup.enter