Element输入框回车发起搜索

回车搜索需求：在input框中输入内容后，按下回车键发起搜索请求走的弯路：以前使用vue来做这件事情时，使用的是监听键盘事件，但是因为element对输入框封装了好几层，导致不能直接绑定到最根的input元素，导致事件无法绑定上解决办法：Elment的input框有一个change事件，当按下回车时，如果input框中的内容改变了，就会触发一个change事件，就可以用这个来调用...

饮者阿良

3336人浏览 · 2018-12-03 10:57:13

饮者阿良 · 2018-12-03 10:57:13 发布

回车搜索

需求：在input框中输入内容后，按下回车键发起搜索请求

走的弯路：

以前使用vue来做这件事情时，使用的是监听键盘事件，但是因为element对输入框封装了好几层，导致不能直接绑定到最根的input元素，导致事件无法绑定上

解决办法：

Elment的input框有一个change事件，当按下回车时，如果input框中的内容改变了，就会触发一个change事件，就可以用这个来调用搜索了

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}$/, //不连续的两位字母// /^