微信内置开发 iOS修改键盘换行为搜索的解决方案

 更新时间:2019年11月06日 15:15:07   作者:董瑞南  
今天小编就为大家分享一篇微信内置开发 iOS修改键盘换行为搜索的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

在微信中搜索的时候, 我们通常使用keycode=13来判断客户是否点击了确定。

在安卓上,唤醒搜索框为确认键没问题,而ios就不敢苟同了,ios显示为换行,对于客户使用体验非常不好。

解决方案:

html代码。

 <form @submit.prevent action="#">
   <input class="search_input" ref="input" 
   @focus="searchFocus" v-model="val" 
   @keypress="search" 
   placeholder="商品名称" type="search" />
 </form>

1、首先type =search;

2、input 外面包一层form,并且阻止表单的默认提交

<!-- 阻止默认行为,没有表达式 -->
<form @submit.prevent></form>

以上这篇微信内置开发 iOS修改键盘换行为搜索的解决方案就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue使用echarts实现三维图表绘制

    vue使用echarts实现三维图表绘制

    这篇文章主要为大家详细介绍了vue如何在项目中使用echarts实现三维图表的绘制,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下
    2023-08-08
  • vue2结合element-ui实现TreeSelect树选择功能

    vue2结合element-ui实现TreeSelect树选择功能

    这篇文章主要为大家详细介绍了vue2如何结合element-ui实现TreeSelect树选择功能,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下
    2024-03-03
  • 详解Vue3中的watch侦听器和watchEffect高级侦听器

    详解Vue3中的watch侦听器和watchEffect高级侦听器

    这篇文章主要介绍了Vue3中的watch侦听器和watchEffect高级侦听器,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-08-08
  • 教你在Vue3中使用useStorage轻松实现localStorage功能

    教你在Vue3中使用useStorage轻松实现localStorage功能

    这篇文章主要给大家介绍了关于如何在Vue3中使用useStorage轻松实现localStorage功能的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-06-06
  • Vue3+Element Plus使用svg加载iconfont的处理方法

    Vue3+Element Plus使用svg加载iconfont的处理方法

    这篇文章主要介绍了Vue3+Element Plus使用svg加载iconfont的解决方案,本文详细介绍了如何在Element Plus中使用iconfont,简单的说就是要将其封装成SVG,并且支持动态修改颜色,需要的朋友可以参考下
    2022-08-08
  • vue3引入uview-plus3.0移动组件库的流程

    vue3引入uview-plus3.0移动组件库的流程

    这篇文章主要介绍了vue3引入uview-plus3.0移动组件库的流程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-06-06
  • 从vue源码看props的用法

    从vue源码看props的用法

    平时写vue的时候知道 props 有很多种用法,今天我们来看看vue内部是怎么处理 props 中那么多的用法的。非常具有实用价值,需要的朋友可以参考下
    2019-01-01
  • VUE表达式{{}}中如何拼接字符

    VUE表达式{{}}中如何拼接字符

    这篇文章主要介绍了VUE表达式{{}}中如何拼接字符问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-07-07
  • Vue监听使用方法和过滤器实现

    Vue监听使用方法和过滤器实现

    这篇文章主要介绍了Vue监听使用方法和过滤器实现,过滤器为页面中数据进行强化,具有局部过滤器和全局过滤器
    2022-06-06
  • Vue 通过this.$emit()方法子组件向父组件传值(步骤分享)

    Vue 通过this.$emit()方法子组件向父组件传值(步骤分享)

    这篇文章主要介绍了Vue this.$emit()方法通过子组件向父组件传值,第一步在父组件中引入子组件,第二步子组件向父组件传值,本文通过需要的朋友可以参考下
    2022-11-11

最新评论