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/>  
posted @ 2021-12-25 20:18  黄哈哈。  阅读(681)  评论(0编辑  收藏  举报