在vant组件下阻止手机自带键盘弹起

2023-11-05

废话:

        van-field输入框伴随着小键盘的弹起,但是在已经定义了的van-popup中,小键盘的弹起显得多余,尤其在地区,籍贯等的选择上,所以利用@focus(在获取焦点的时候进行阻止)

代码:

      <van-field
        :value="
          foreignAreaValue.province +
          foreignAreaValue.city +
          foreignAreaValue.town +
          foreignAreaValue.street
        "
        label="联系人地址区域"
        placeholder="请选择联系人地址区域"
        @click="foreignAddressStatus = true"
        @focus="a"
      />

        利用已经定义的方法

    a() {
      document.activeElement.blur();
    },

        document.activeElement获取当前获得焦点的元素,在获取到焦点的一瞬间失去焦点,达到阻止键盘弹出的目的同时不影响van-popup的弹出

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在vant组件下阻止手机自带键盘弹起 的相关文章

  • 强化学习算法回顾 Q-learning 玩 OpenAI 的 Taxi 游戏

    这里使用的是 OpenAI Taxi V3 环境 这里有 4 个地点 分别用 4 个字母表示 任务是要从一个地点接上乘客 送到另外 3 个中的一个放下乘客 越快越好 成功运送一个客人获得 20 分奖励 每走一步损失 1 分 希望尽快送到目的

随机推荐

  • JVM内存泄露与溢出

    内存泄漏和内存溢出 内存泄露 申请的内存空间没有被正确释放 导致内存空间被占用 并且之后也不会使用 内存溢出 申请的内存空间超过了空闲内存空间 即内存不够使用 所以说 内存泄漏可能会导致内存溢出 我们需要注意有可能会导致内存泄漏的情况 常见
  • 手把手带你linux部署清华大学大模型最新版 chaglm2-6b

    准备工作 下载项目源代码 git clone https github com THUDM ChatGLM2 6B 切换到项目根目录 cd ChatGLM2 6B 安装依赖 pip install r requirements txt 安装
  • 华为免费虚拟服务器,免费虚拟服务器试用一年

    免费虚拟服务器试用一年 内容精选 换一换 本文介绍了存储容灾SDRS各特性版本的功能发布和对应的文档动态 新特性将在各个区域 Region 陆续发布 欢迎体验 购买服务及配置特性时 操作步骤中未框选的配置项请保持默认值 申请服务时 未开通企
  • Ubuntu18.04下OpenCV3.4.11的安装及使用示例

    目录 一 认识 OpenCV 二 安装 OpenCV 1 安装包 2 配置环境 三 使用示例 图片 四 使用示例 视频 1 虚拟机获取摄像头权限 2 播放视频 3 录制视频 五 总结 六 参考资料 安装环境 VMware虚拟机安装的Ubun
  • Pytest系列-失败重跑插件pytest-rerunfailures的使用(9)

    前提条件 以下先决条件才能使用pytest rerunfailures Python 3 5 最高 3 8 or PyPy3 pytest 5 0或更高版本 安装 pip3 install pytest rerunfailures i ht
  • Vue前端项目-首页-获取角色

    目录 Vue端代码 1 前端守卫设置 2 Vuex中定义getter 3 新建 getters js 文件 4 定义 GetInfo 方法获取用户角色信息 5 获取用户信息API 6 请求拦截器 SpringBoot 端 1 Control
  • 操作系统进程管理相关习题

    一 选择题 从静态角度上看 进程是有 A B C 三部分组成 其中 C 是进程存在的唯一标志 当几个进程共享 A 时 A 应当是可重入代码 A B C 1 JCB 2 PCB 3 DCB 4 FCB 5 程序段 6 数据段 7 I O缓冲区
  • 基于OpenCv的人脸识别

    OpenCV 是一个开源的计算机视觉库 它支持多种编程语言 包括 C Python 等 它包含了很多计算机视觉算法和工具 其中包括人脸识别 人脸识别的基本思路是 首先从图像或视频中检测出人脸的位置 然后对人脸进行特征提取 最后根据这些特征来
  • Vue npm run dev 时提示“sh: 1: webpack-dev-server: not found“

    记录自用 在ubuntu下运行项目的时候出现如下问题 经过查找 发现应该是缺少部分模块的原因 通过执行 npm install 成功解决问题
  • eglSwapBuffers

    一般性嵌入式平台 利用双缓冲进行Swap的时候 Display和Surface进行实际意义上的地址交换 来实现eglSwapBuffers的标准 如上图的右侧所示 上图的左侧表示 单缓冲Framebuffer的形式 Surface永远都在后
  • GD32F103搭建工程记录: cannot open source input file “RTE_Components.h“: No such file or director

    搭建兆亿的 GDF103C8T6的工程的时候提示 报错 cannot open source input file RTE Components h No such file or directory 工程文件是 仿照stm32 去搭建的
  • 预置APK到android系统中(带源码/不带源码)

    一 如何将带源码的APK预置进系统 1 首先将app代码放在源码中 1 1 可以放在vendor 目录下自己项目的package app 下面 1 2 可以放在vendor google partner gms apps 或者 vendor
  • 服务器数据库查看版本信息失败,查看服务器上的数据库版本

    查看服务器上的数据库版本 内容精选 换一换 升级PostgreSQL引擎大版本 能让您享受到PostgreSQL新版本带来的功能 性能 安全的提升 但大版本升级可能存在向后不兼容的数据变更 可能导致现有业务运行不兼容 因此需要用户使用目标版
  • 程序中断方式

    系统设置程序中断的目的就是能让系统处理更高等级的任务 比如紧急事件 对系统有改动的更高权限的任务 因为CPU 是计算机中处理任务的核心 程序中断在CPU中设立 外设和程序中端分别是由中端控制器和程序内置的中断服务程序配合操作系统来决定 使操
  • 计算机硬件acc作用,累加器A的主要作用是什么_一文解析累加器a和acc的区别

    累加器简介 在中央处理器中 累加器 accumulator 是一种寄存器 用来储存计算产生的中间结果 如果没有像累加器这样的寄存器 那么在每次计算 加法 乘法 移位等等 后就必须要把结果写回到内存 也许马上就得读回来 然而存取主存的速度是比
  • 【微信小程序】微信小程序支付、微信小程序webview引入H5实现支付等

    最近有个需要由于H5页面需要嵌套在微信小程序里面 所以H5的支付在小程序里面就行不通了 不过我看社区里面说的测试环境微信小程序webview引入H5是可以实现调取H5支付功能的 线上则调不起来 时间紧迫 咱也不敢尝试啊 只能另辟蹊径了 哈哈
  • vs2013+qt5.9.5+vsaddin安装配置

    一 下载地址 Qt下载地址 https mirrors tuna tsinghua edu cn qt archive qt 5 9 5 9 5 qt opensource windows x86 5 9 5 exehttps mirror
  • 【安全开发】C/C++安全编码规范

    C本质上是不安全的编程语言 例如如果不谨慎使用的话 其大多数标准的字符串库函数有可能被用来进行缓冲区攻击或者格式字符串攻击 但是 由于其灵活性 快速和相对容易掌握 它是一个广泛使用的编程语言 下面是针对开发安全的C语言程序的一些规范 1 1
  • windows11百度网盘下载,win11iso镜像百度云下载

    windows11百度网盘下载 win11iso镜像百度云 windows11百度网盘下载 win11iso镜像百度云链接 https pan baidu com s 1r96WDwsDURdrRt1nl Z0PQ 提取码 6666 上面是
  • 在vant组件下阻止手机自带键盘弹起

    废话 van field输入框伴随着小键盘的弹起 但是在已经定义了的van popup中 小键盘的弹起显得多余 尤其在地区 籍贯等的选择上 所以利用 focus 在获取焦点的时候进行阻止 代码