h5键盘输入按钮显示“搜索”,点击执行搜索事件

首先想到的就是Input中type属性设置为search,然后发现并没有用,后来看到资料说要在外层加一层form,加了之后文字确实显示为“搜索”了,可是点击没有执行事件,其实这里的搜索执行的是键盘的回车事件,因为我是用vue写的,本身框架就有对这个事件的修饰符,于是直接附代码

<form action="" v-on:submit.prevent>
     <input type="search" v-on:keyup.enter="search()" v-model="search_txt" placeholder="请输入内容" />
</form>

需要注意的是,form要阻止默认的提交事件。

原文地址:https://www.cnblogs.com/chao202426/p/11322033.html