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>
网友评论