from表单键盘回车导致页面刷新

如图所示，这样一个搜索栏，点击输入内容后按回车键达到搜索目的。
一开始代码如下：
HTML：

<form action="#">
  <input type="search" placeholder="搜索商品" class="search_input" v-model="keyword" @keyup.enter="doSearch">
</form>

这样出现的问题是，按下回车后会刷新页面，原因是按回车后默认提交了表单， 一个表单下，如果只有一个文本框时，按下回车将会触发表单的提交事件。
所以这里有两种解决方案：
1.将form去掉，只用input

<input type="search" class="search_input" placeholder="全部商品" v-model="keyword" @keyup.enter="doSearch"/>

2.加一个隐藏的文本框

<form action="#">
  <input type="search" placeholder="搜索商品" class="search_input" v-model="keyword" @keyup.enter="doSearch">
  <input type="text" style="display:none" />
</form>