当前位置： 首页 > news >正文

【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中，input.value.focus无法聚焦问题

news 2025/7/18 7:16:13

【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中，input.value.focus无法聚焦问题

此次项目遇到了两个问题，一个是在Vue3中el-input的input.value.focus()无法触发，但是在PC或者安卓均可触发。

// 解决方案
// 单纯的触发input.value.focus()是没办法在ios触发成功的，需要异步来触发聚焦事件
setTimeout(() => input.value.focus())
// 用setTimeout或者nextTick异步触发可以解决，亲测！

第二个问题是ios浏览器H5没有办法默认聚焦触发键盘输入

这个问题是因为ios的保护机制导致的，没办法默认唤起输入法
百度，Google，github，博客园...后发现，都是一些馊主意，暂未解决，有大佬在评论区提供下可以解决方案吗。

相关文章：

【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中，input.value.focus无法聚焦问题

【iosH5开发】IOS浏览器对于Vue3 Element-plus el-input中，input.value.focus无法聚焦问题 此次项目遇到了两个问题，一个是在Vue3中el-input的input.value.focus()无法触发，但是在PC或者安卓均可触发。 // 解决方案 // 单纯的触发input.val…...

编程日记 2023/8/6 6:35:56

【2023】华为OD机试真题Java CC++ Python JS Go-题目0257-增强的strstr

题目0257-增强的strstr 题目描述 C 语言有一个库函数： char *strstr(const char *haystack, const char *needle) ，实现在字符串 haystack 中查找第一次出现字符串 needle 的位置，如果未找到则返回 null。 现要求实现一个strstr的增强函数，可以使用带可选段的字符串来模…...

编程日记 2023/8/6 6:34:56

Android 解析ping回复包

目标： 已知多个字符串，形如：“64 bytes from 39.156.66.18: icmp_seq1 ttl50 time29.7 ms” 获取 总Ping时间(XX:XX:XX格式)，最小时间，最大时间，平均时间，丢包率，已发送个数&#xf…...

编程日记 2023/8/6 6:33:55

在外地ssh远程连接家里ubuntu服务器（Coplar内网穿透）

官网：https://www.cpolar.com/ 步骤： 可以先安装ssh许可(必须先完成，完成后在局域网内就可以连接自己服务器，但还是需要安装cpolar才可以外地连接服务器)，参考[B站：Linux (Ubuntu) 如何开启SSH远程登录]((…...

编程日记 2023/8/6 6:32:53

windows创建占用特定端口程序

默认情况下，远程桌面使用的是3389端口。如果您想将远程桌面端口更改为8005，以达到模拟程序占用端口8005的情况，可以执行以下操作： 如执行以下命令，则1，2，3步相同操作可以跳过，直接往…...

编程日记 2023/8/6 6:31:50

【uniapp 定位获取详细位置】

在 uniapp 中获取定位信息方法，具体如下： 1. uni.getLocation 方法（都可）： uni.getLocation({type: gcj02,success: function(res) {console.log(经度： res.longitude)console.log(纬度： re…...

编程日记 2023/8/6 6:30:49

后端进阶之路——万字总结Spring Security与数据库集成实践（五）

前言 「作者主页」：雪碧有白泡泡 「个人网站」：雪碧的个人网站 「推荐专栏」： ★java一站式服务 ★ ★前端炫酷代码分享 ★ ★ uniapp-从构建到提升★ ★ 从0到英雄，vue成神之路★ ★ 解决算法，一个专栏就够了★ ★ 架…...

编程日记 2023/8/6 6:29:48

mysql8查看执行sql记录历史，配置开启sql历史日志general_log

1.概要说明 mysql8默认未开启sql记录历史日志。 2.配置开启general_log 2.1.查看配置 general_log：是否开启sql日志。默认为OFFlog_output:日志输出位置： FILE：输出到文件。默认值TABLE：输出到表。mysql.general_log show v…...

编程日记 2023/8/6 6:28:47

git 版本控制与合并

一 git概述： - Git是一种分布式版本控制系统，用于跟踪和管理软件开发项目中的代码变更。 - 它允许多人协同工作，记录代码历史变更，并轻松管理多个项目版本。 **Git的主要特点**包括： 1. **分布式系统**：…...

编程日记 2023/8/6 6:27:46

【力扣】23. 合并 K 个升序链表 ＜链表指针、堆排序、分治＞

目录 【力扣】23. 合并 K 个升序链表题解方法一：暴力，先遍历取出来值到数组中排序，再生成新链表方法二：基础堆排序（使用优先队列 PriorityQueue）方法三：基础堆排序（使用优先队列 Pri…...

编程日记 2023/8/6 6:26:42

微信小程序真机防盗链referer问题处理

公司使用百度云存储一些资源，然后现在要做防盗链，在CDN加入Referer白名单后发现PC是正常的，微信小程序无法正常访问资源了。然后是各种查啊，然后发现是微信小程序不支持Referer的修改，且在小程序开发工具是Referer是固…...

编程日记 2023/8/6 6:25:41

SpringBoot集成Redisson实现延迟队列

一、场景 1、下单未支付，超过10分钟取消订单 2、货到后7天未评价，自动好评 二、实现方案 1、使用xxl-job 定时任务按时检测，实时性不高 2、使用RabitMQ的插件rabbitmq_delayed_message_exchange插件 3、 redis的过期检测 redis.conf 中…...

编程日记 2023/8/6 6:24:39

思想道德与法治

1【单选题】公民的基本权利是指宪法规定的公民享有的基本的、必不可少的权利。公民的基本权利有不同的类别，公民的通信自由和通信秘密属于 A、人身自由 B、经济社会权利 C、政治权利和自由 D、教育科学文化权利 您的答案：A 参考答案：A 查…...

编程日记 2023/8/6 6:23:38

vue3登录页面

使用了element-plus <template><div class"login-wrapper"><!-- 背景图或者视频 --><div class"background" style"width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;overflow: hidden;z-index:50;&qu…...

编程日记 2023/8/6 6:22:37

SK5代理与IP代理：网络安全守护者的双重防线

一、IP代理与SK5代理简介 IP代理&#xff1a; IP代理是一种通过中间服务器转发网络请求的技术。客户端向代理服务器发出请求&#xff0c;代理服务器将请求转发至目标服务器&#xff0c;并将目标服务器的响应返回给客户端。IP代理的主要功能是隐藏用户的真实IP地址&#xff0c;提…...

编程日记 2023/8/6 6:21:36

线程间的同步、如何解决线程冲突与死锁

一、线程同步概念&#xff1a; 线程同步是指在多线程编程中&#xff0c;为了保证多个线程之间的数据访问和操作的有序性以及正确性&#xff0c;需要采取一些机制来协调它们的执行。在多线程环境下&#xff0c;由于线程之间是并发执行的&#xff0c;可能会出现竞争条件&#xf…...

编程日记 2023/8/6 6:20:32

8.4一日总结

1.远程仓库的提交方式(免密提交) a.ssh:隧道加密传输协议,一般用来登录远程服务器 b.使用 git clone 仓库名 配置(生成公私钥对) ssh-Keygen [-t rsa -C 邮箱地址] 通过执行上述命令,全程回车,就会在~/.ssh/id_rsa(私钥)和id_rsa.pub(公钥),私钥是必须要保存好的,并不能…...

编程日记 2023/8/6 6:19:31

【面试】某公司记录一次面试题

文章目录 框架类1. Spring boot与 spring 架相比&#xff0c;好在哪里?2. Spring boot以及 Spring MVC 常用注解(如requestingMapping&#xff0c;responseBody 等)3. 常用的java 设计模式&#xff0c;spring 中用到哪些设计模式4. SpringIOC是什么&#xff0c;如何理解5. AOP…...

编程日记 2023/8/6 6:18:29

215. 数组中的第K个最大元素（快排+大根堆+小根堆）

题目链接&#xff1a;力扣 解题思路&#xff1a; 方法一&#xff1a;基于快速排序 因为题目中只需要找到第k大的元素&#xff0c;而快速排序中&#xff0c;每一趟排序都可以确定一个最终元素的位置。 当使用快速排序对数组进行降序排序时&#xff0c;那么如果有一趟排序过程…...

编程日记 2023/8/6 6:17:29

Ubuntu18.04配置ZED_SDK 4.0, 安装Nvidia显卡驱动、cuda12.1

卸载错误的显卡驱动、cuda 首先卸载nvidia相关的、卸载cuda sudo apt-get purge nvidia* sudo apt-get autoremove sudo apt-get remove --auto remove nvidia-cuda-toolkit sudo apt-get purge nvidia-cuda-toolkit 官方卸载cuda的方法&#xff1a; sudo apt-get --purge re…...

编程日记 2023/8/6 6:16:27

wordpress后台更新后 前端没变化的解决方法

使用siteground主机的wordpress网站&#xff0c;会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后&#xff0c;网站没有变化的情况。 不熟悉siteground主机的新手&#xff0c;遇到这个问题&#xff0c;就很抓狂&#xff0c;明明是哪都没操作错误&#x…...

编程新知 2025/7/17 8:15:03

（十）学生端搭建

本次旨在将之前的已完成的部分功能进行拼装到学生端&#xff0c;同时完善学生端的构建。本次工作主要包括&#xff1a; 1.学生端整体界面布局 2.模拟考场与部分个人画像流程的串联 3.整体学生端逻辑 一、学生端 在主界面可以选择自己的用户角色 选择学生则进入学生登录界面…...

编程新知 2025/7/10 11:31:41

线程与协程

1. 线程与协程 1.1. “函数调用级别”的切换、上下文切换 1. 函数调用级别的切换 “函数调用级别的切换”是指&#xff1a;像函数调用/返回一样轻量地完成任务切换。 举例说明&#xff1a; 当你在程序中写一个函数调用&#xff1a; funcA() 然后 funcA 执行完后返回&…...

编程新知 2025/6/16 12:40:21

【机器视觉】单目测距——运动结构恢复

ps&#xff1a;图是随便找的&#xff0c;为了凑个封面 前言 在前面对光流法进行进一步改进&#xff0c;希望将2D光流推广至3D场景流时&#xff0c;发现2D转3D过程中存在尺度歧义问题&#xff0c;需要补全摄像头拍摄图像中缺失的深度信息&#xff0c;否则解空间不收敛&#xf…...

编程新知 2025/7/14 8:18:25

镜像里切换为普通用户

如果你登录远程虚拟机默认就是 root 用户&#xff0c;但你不希望用 root 权限运行 ns-3&#xff08;这是对的&#xff0c;ns3 工具会拒绝 root&#xff09;&#xff0c;你可以按以下方法创建一个 非 root 用户账号 并切换到它运行 ns-3。 一次性解决方案&#xff1a;创建非 roo…...

编程新知 2025/7/12 10:16:37

DBAPI如何优雅的获取单条数据

API如何优雅的获取单条数据 案例一 对于查询类API&#xff0c;查询的是单条数据&#xff0c;比如根据主键ID查询用户信息&#xff0c;sql如下&#xff1a; select id, name, age from user where id #{id}API默认返回的数据格式是多条的&#xff0c;如下&#xff1a; {&qu…...

编程新知 2025/7/17 4:59:21

WEB3全栈开发——面试专业技能点P2智能合约开发（Solidity）

一、Solidity合约开发 下面是 Solidity 合约开发 的概念、代码示例及讲解&#xff0c;适合用作学习或写简历项目背景说明。 &#x1f9e0; 一、概念简介&#xff1a;Solidity 合约开发 Solidity 是一种专门为 以太坊&#xff08;Ethereum&#xff09;平台编写智能合约的高级编…...

编程新知 2025/6/21 12:34:41

排序算法总结（C++）

目录 一、稳定性二、排序算法选择、冒泡、插入排序归并排序随机快速排序堆排序基数排序计数排序 三、总结 一、稳定性 排序算法的稳定性是指&#xff1a;同样大小的样本 **&#xff08;同样大小的数据&#xff09;**在排序之后不会改变原始的相对次序。 稳定性对基础类型对象…...

编程新知 2025/7/16 21:49:03

【SSH疑难排查】轻松解决新版OpenSSH连接旧服务器的“no matching...“系列算法协商失败问题

【SSH疑难排查】轻松解决新版OpenSSH连接旧服务器的"no matching..."系列算法协商失败问题 摘要&#xff1a; 近期&#xff0c;在使用较新版本的OpenSSH客户端连接老旧SSH服务器时&#xff0c;会遇到 "no matching key exchange method found"​, "n…...

编程新知 2025/6/15 18:10:15

【JavaSE】多线程基础学习笔记

多线程基础 -线程相关概念 程序&#xff08;Program&#xff09; 是为完成特定任务、用某种语言编写的一组指令的集合简单的说:就是我们写的代码 进程 进程是指运行中的程序&#xff0c;比如我们使用QQ&#xff0c;就启动了一个进程&#xff0c;操作系统就会为该进程分配内存…...

编程新知 2025/7/11 22:36:42