扣丁书屋

如何监听Element组件标签的回车事件

1年以前  |  阅读数:29 次  |    

使用element-ui框架的输入框,完成输入回车自动提交功能

一、现象

表单提交时需要处理输入框的回车事件,一般的原生input标签可以用@keyup.enter="onSubmit"(tips:onSubmit为定义的方法)

二、解决

  1. @keyup.enter="onSubmit" 改写为 @keyup.enter.native="onSubmit" ,也就是说多加一个native标志
  2. 如:<el-input v-model="name" @keyup.enter.native="onSubmit" placeholder="User Name">

相关文章: