vue中,要在手机端点击手机键盘的【完成】或者【搜索】按钮触发文本框搜索,关键点有两个:
1.form表单,action属性设置
2.@keyup.13事件 或者 直接keyup 然后事件的处理函数里判断event.KeyCode === 13
首先必须在input标签外面套上form表单,并设置 action="javascript:void 0;",action属性很关键,不能省略。
然后再就是 @Keyup.13事件,这是用来绑定enter键的事件。 在电脑上是enter键,在手机键盘上就是右下角的完成/搜索按钮了。
3.下面是代码
<template>
<div class="warp">
<form action="javascript:void 0;">
<input type="text" v-model="tetInput" @Keyup.13 = "tapToSearch()" @input = "tapToSearch()"/>
</form>
</div>
</template>