Nuxt.js：不起作用

Question

如果你在HTML5中编写<input type="search">，iOS上的safari输入键盘如下。

提交按钮是“搜索”。 顺便说一句，我也试图在Nuxt.js中创建一个搜索表单，并在组件中标记如下。

<div class="search-form">
  <form
    @submit.prevent
    @keyup="onKey($event)">
    <input
      v-model="keyword"
      :placeholder="search form"
      type="search"
      @keypress="setCanMessageSubmit($event)">
  </form>
</div>

但是，键盘显示“返回”而不是“搜索”，如下所示。

为什么是这样？ 有办法解决吗？

Answer 1

尝试将action属性添加到form标记中。

<div class="search-form">
  <form
    action="."
    @submit.prevent
    @keyup="onKey($event)">
    <input
      v-model="keyword"
      :placeholder="search form"
      type="search"
      @keypress="setCanMessageSubmit($event)">
  </form>
</div>

我的小提琴：https://jsfiddle.net/pompopo/2b0yc6oq/7/