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

今天碰到这个问题，写出来分享一下吧我是想在表单中的input的标签绑定键盘事件，但一直失败在网上查了一下才明白，键盘的enter是自带提交的表单的事件的，会覆盖键盘事件，所以只要阻止表单的提交就ok了方法：<form action=’’ class=‘sui-form form-inline’ @submit.prevent=’ ‘>在表单中添加@submit.prevent...

qq_44708198

9223人浏览 · 2019-08-03 22:43:39

qq_44708198 · 2019-08-03 22:43:39 发布

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

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^