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要阻止默认的提交事件。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM