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

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

news 2025/9/11 4:39:49

【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

【kafka】Golang实现分布式Masscan任务调度系统

要求&#xff1a; 输出两个程序&#xff0c;一个命令行程序&#xff08;命令行参数用flag&#xff09;和一个服务端程序。 命令行程序支持通过命令行参数配置下发IP或IP段、端口、扫描带宽&#xff0c;然后将消息推送到kafka里面。 服务端程序&#xff1a; 从kafka消费者接收…...

编程新知 2025/9/2 16:59:56

模型参数、模型存储精度、参数与显存

模型参数量衡量单位 M&#xff1a;百万&#xff08;Million&#xff09; B&#xff1a;十亿&#xff08;Billion&#xff09; 1 B 1000 M 1B 1000M 1B1000M 参数存储精度 模型参数是固定的&#xff0c;但是一个参数所表示多少字节不一定&#xff0c;需要看这个参数以什么…...

编程新知 2025/7/30 18:28:44

为什么需要建设工程项目管理？工程项目管理有哪些亮点功能？

在建筑行业&#xff0c;项目管理的重要性不言而喻。随着工程规模的扩大、技术复杂度的提升&#xff0c;传统的管理模式已经难以满足现代工程的需求。过去&#xff0c;许多企业依赖手工记录、口头沟通和分散的信息管理&#xff0c;导致效率低下、成本失控、风险频发。例如&#…...

编程新知 2025/9/9 14:46:39

Netty从入门到进阶（二）

二、Netty入门 1. 概述 1.1 Netty是什么 Netty is an asynchronous event-driven network application framework for rapid development of maintainable high performance protocol servers & clients. Netty是一个异步的、基于事件驱动的网络应用框架&#xff0c;用于…...

编程新知 2025/9/3 19:20:35

Bean 作用域有哪些？如何答出技术深度？

导语&#xff1a; Spring 面试绕不开 Bean 的作用域问题&#xff0c;这是面试官考察候选人对 Spring 框架理解深度的常见方式。本文将围绕“Spring 中的 Bean 作用域”展开&#xff0c;结合典型面试题及实战场景&#xff0c;帮你厘清重点&#xff0c;打破模板式回答&#xff0c…...

编程新知 2025/7/9 17:59:19

libfmt: 现代C++的格式化工具库介绍与酷炫功能

libfmt: 现代C的格式化工具库介绍与酷炫功能 libfmt 是一个开源的C格式化库&#xff0c;提供了高效、安全的文本格式化功能&#xff0c;是C20中引入的std::format的基础实现。它比传统的printf和iostream更安全、更灵活、性能更好。 基本介绍 主要特点 类型安全&#xff1a…...

编程新知 2025/7/12 0:28:59

go 里面的指针

指针 在 Go 中&#xff0c;指针&#xff08;pointer&#xff09;是一个变量的内存地址&#xff0c;就像 C 语言那样&#xff1a; a : 10 p : &a // p 是一个指向 a 的指针 fmt.Println(*p) // 输出 10&#xff0c;通过指针解引用• &a 表示获取变量 a 的地址 p 表示…...

编程新知 2025/8/18 12:09:07

机器学习的数学基础：线性模型

线性模型 线性模型的基本形式为&#xff1a; f ( x ) ω T x b f\left(\boldsymbol{x}\right)\boldsymbol{\omega}^\text{T}\boldsymbol{x}b f(x)ωTxb 回归问题 利用最小二乘法&#xff0c;得到 ω \boldsymbol{\omega} ω和 b b b的参数估计$ \boldsymbol{\hat{\omega}}…...

编程新知 2025/9/10 13:13:28

鸿蒙Navigation路由导航-基本使用介绍

1. Navigation介绍 Navigation组件是路由导航的根视图容器&#xff0c;一般作为Page页面的根容器使用&#xff0c;其内部默认包含了标题栏、内容区和工具栏&#xff0c;其中内容区默认首页显示导航内容&#xff08;Navigation的子组件&#xff09;或非首页显示&#xff08;Nav…...

编程新知 2025/9/6 13:18:57

MLP实战二：MLP 实现图像数字多分类

任务 实战&#xff08;二&#xff09;&#xff1a;MLP 实现图像多分类 基于 mnist 数据集&#xff0c;建立 mlp 模型&#xff0c;实现 0-9 数字的十分类 task: 1、实现 mnist 数据载入&#xff0c;可视化图形数字&#xff1b; 2、完成数据预处理&#xff1a;图像数据维度转换与…...

编程新知 2025/9/7 8:42:19