vue实现调用手机软键盘右下角变更为搜索按钮并进行搜索

一、出现问题

ios，input添加type=“search” 手机软键盘右下角仍为换行，如下图

二、处理方法

<form action="" @submit.prevent="onSearch">
  <input 
	type="search" 
  	:placeholder="请输入关键字搜索" 
	v-model="value" />
</form>

.prevent 修饰符：阻止表单默认提交。
submit 点击默认行为是提交表单，这里并不需要它提交,只需要执行onSearch方法，故阻止为好。
input的type必须是search类型，该类型下手机键盘会显示搜索按钮
ios兼容问题：必须加form表单包裹input

三、效果图