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});
    }
  } 
} 
相关文章
Vue3中使用setup监听props
Vue3中使用setup监听props
|
1月前
|
JavaScript NoSQL Redis
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
这篇文章记录了在Vue中实现修改手机号和邮箱的大致流程,包括使用过滤器部分隐藏展示的手机号和邮箱,以及通过点击触发路由跳转的便捷方式。文章还描述了旧号码和新号码验证的界面实现,其中验证码由后端生成并通过弹窗展示给用户,未来可以接入真正的手机验证码接口。此外,还提供了修改邮箱的页面效果截图,并强调了学习是一个永无止境的过程。
Vue中实现修改邮箱、手机号等流程的大致过程、验证码由后端的redis生成验证(版本1.0)
|
20天前
|
JavaScript 开发者
[译] 监听第三方 Vue 组件的生命周期钩子
[译] 监听第三方 Vue 组件的生命周期钩子
|
1月前
|
JavaScript 数据安全/隐私保护
Vue中如何使用过滤器来隐藏手机号、邮箱等字符串的中间部分内容
这篇文章介绍了在Vue中如何使用过滤器来隐藏手机号和邮箱等字符串的中间部分内容,以提高隐私保护。文章展示了实现效果,并提供了实现过程的代码示例,包括HTML部分的绑定、data部分的数据定义和script部分的过滤器定义。文章还解释了过滤器的概念、语法和使用方式,并提供了一个外部链接供读者获取更加详细的过滤器知识。
|
5天前
|
JavaScript
vue学习(10)事件修饰符
vue学习(10)事件修饰符
18 3
|
6天前
|
JavaScript
vue学习(9)事件处理
vue学习(9)事件处理
27 2
|
1月前
|
JavaScript 前端开发 UED
深入了解 Vue 事件处理
【8月更文挑战第4天】
41 13
|
1月前
|
JavaScript
Vue——vue2监听元素style变化
Vue——vue2监听元素style变化
25 2
|
1月前
|
JavaScript
Vue学习之--------事件的基本使用、事件修饰符、键盘事件(2022/7/7)
这篇文章是关于Vue事件处理的学习指南,包括事件的基本使用、事件修饰符和键盘事件。文中首先介绍了事件的基本使用方法,包括使用`v-on:xxx`或`@xxx`绑定事件,以及在`methods`对象中配置回调函数。然后,文章通过代码实例和测试效果,展示了如何使用事件修饰符来增强事件处理的功能,例如阻止默认行为、阻止事件冒泡等。最后,文章还介绍了Vue中的键盘事件处理,包括常用的按键别名和系统修饰键的使用,并通过代码示例展示了如何检测特定按键的按下。整篇文章通过详细的代码实例和清晰的测试效果截图,帮助读者理解和掌握Vue中事件处理的相关知识点。
Vue学习之--------事件的基本使用、事件修饰符、键盘事件(2022/7/7)
|
2月前
|
缓存 开发框架 前端开发
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理
循序渐进VUE+Element 前端应用开发(32)--- 手机短信动态码登陆处理

热门文章

最新文章