关于vue中的@keyup.enter键盘事件无法生效的解决办法。

最新推荐文章于 2024-10-11 11:27:34 发布

qq_44708198

最新推荐文章于 2024-10-11 11:27:34 发布

阅读量9.2k

点赞数 4

文章标签： @keyup.enter 键盘事件无法生效

本文链接：https://blog.csdn.net/qq_44708198/article/details/98388645

版权

今天碰到这个问题，写出来分享一下吧

我是想在表单中的input的标签绑定键盘事件，但一直失败
在网上查了一下才明白，键盘的enter是自带提交的表单的事件的，会覆盖键盘事件，所以只要阻止表单的提交就ok了
方法：
<form action=’’ class=‘sui-form form-inline’ @submit.prevent=’ ‘>
在表单中添加@submit.prevent=’ '即可
当然你也可以在单引号中写上你需要调用的方法。