将input元素的type值替换成“search”,在移动端会唤出“搜索”按键。需注意的是,对于苹果手机input元素必须要有一个form标签套起来,否则键盘上的文字不能变成搜索字样
@keyup.13 事件, 这是用来绑定enter键的事件。在电脑上是enter键,在手机键盘上就是右下角的完成 / 搜索按钮了。
<template>
<div class="search_page">
<form class="search_box" action="javascript:return true;">
<div class="search_input">
<i class="bp-icon bpIcon-search"></i>
<input type="search" placeholder="请输入课程名称" v-model="searchTxt" @keyup.13="toSearchEdu"/>
<div class="clear_input" v-show="toggleBtn" @click="searchTxt = ''"><img src="../../assets/img/clearInput.png" alt=""></div>
</div>
<button @click="subSearch">取消</button>
</form>
</div>
</template>
toSearchEdu(logs){
console.log(logs)
},