vue监听手机键盘搜索事件

简介: vue监听手机键盘搜索事件
<form action="javascript:return true">   <!-- form ios手机上唤起搜索按钮(默认是换行按钮)  -->
  <input @keypress="searchBtn" type="search" name="" id="" value="" placeholder="医生" v-model="put" /> 
</form>
searchBtn(event) { 
  if (event.keyCode == 13) { //如果按的是enter键 13是enter 
    event.preventDefault(); //禁止默认事件(默认是换行) 
    console.log(event.target.value)
    var search_val = event.target.value;
    if(search_val == ''||search_val==null){
      alert('搜索内容不能为空');
    }else{
      this.$router.push({path: '/doctorlist?keywords=' + search_val});
    }
  } 
} 
相关文章
|
1月前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
50 0
|
19天前
|
JavaScript
vue 组件事件
vue 组件事件
|
22天前
|
缓存 JavaScript API
「Vue3系列」Vue3 计算属性(computed)、监听属性(watch)
在 Vue 3 中,计算属性(Computed Properties)是一种强大的功能,它允许你声明一个依赖于其他响应式数据属性的属性,并且这个属性的值会根据其依赖的数据的变化而自动更新。计算属性是基于它们的依赖关系进行缓存的,只有在它的相关依赖发生改变时才会重新求值。
29 0
|
23天前
|
前端开发 JavaScript
解决使用document.activeElement.blur()禁止弹出手机默认键盘
解决使用document.activeElement.blur()禁止弹出手机默认键盘
16 1
|
23天前
|
iOS开发
解决使用document.activeElement.blur()禁止弹出手机默认键盘ios版本17以上会出现闪屏问题
解决使用document.activeElement.blur()禁止弹出手机默认键盘ios版本17以上会出现闪屏问题
14 2
|
27天前
|
JavaScript
vue中使用v-on监听多个方法
vue中使用v-on监听多个方法
8 0
|
29天前
|
JavaScript 前端开发
Vue如何监听键盘事件
Vue如何监听键盘事件
26 0
N..
|
1月前
|
JavaScript 前端开发 数据处理
Vue.js的过滤器和监听属性
Vue.js的过滤器和监听属性
N..
19 1
|
1月前
|
JavaScript 前端开发
一文告诉你Vue的事件处理
一文告诉你Vue的事件处理
32 0
|
1月前
|
JavaScript API
vue是如何进行监听数据变化的?vue2 和 vue3 分别是什么?
vue是如何进行监听数据变化的?vue2 和 vue3 分别是什么?
31 0