- 问题:在
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/>