keyup.enter失效不起作用
- 问题:在
input
上添加@keyup.enter="goSearch"
,首次点回车按钮没反应。
<form action="###" class="searchForm">
<input
type="text"
id="autocomplete"
class="input-error input-xxlarge"
v-model="keyword"
@keydown.enter="goSearch"
/>
<!-- <input hidden/> -->
<button class="sui-btn btn-xlarge btn-danger" type="button" @click="goSearch" >
搜索
</button>
</form>
-
原因:当form表单内只有一个input按回车键会自动提交表单
-
解决办法:多增加一个不可见的input即可
<input hidden/>
作者:黄哈哈。
原文链接:https://www.cnblogs.com/jiajia-hjj/p/15731493.html
本博客大多为学习笔记或读书笔记,本文如对您有帮助,还请多推荐下此文,如有错误欢迎指正。