有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

vue input 回车事件(VUE中给文本框绑定回车事件)

vue 炮渣日记 3周前 (11-10) 45次浏览 已收录 0个评论 扫描二维码
一、在之前的操作中以搜索框为例,都是写一个文本框+按钮。然后给按钮绑定click事件来进行操作的。但是这种操作会感觉有些多余,因为我本来是可以输入内容后回车直接查询的。

二、于是乎改造如下

<input v-model="searchStr" placeholder="XXX" @keyup.enter="submit">

<el-input v-model="searchStr" placeholder="XXX" @keyup.enter.native="submit"></el-input>

三、这里我们看到有两段代码
 ①普通的input框,直接使用@keyup.enter="submit"绑定即可
 ②我这边前端框架使用的是element所以有一些差异,需要写成@keyup.enter.native="submit"才能触发的。
喜欢 (1)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址