【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或者安卓均可触发。

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

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

javascript 复制代码
这个问题是因为ios的保护机制导致的,没办法默认唤起输入法
百度,Google,github,博客园...后发现,都是一些馊主意,暂未解决,有大佬在评论区提供下可以解决方案吗。
相关推荐
开心猴爷2 小时前
iOS 上架 App 流程
后端·ios
奶油话梅糖2 小时前
用 iPhone 扫一间房,AI 帮你在浏览器里 1:1 重建它:Wes Bos 的 scan-to-threejs 工作流
人工智能·ios·iphone
茶底世界之下9 小时前
阴天窗边的柿子:用 Awaking 让暖色成为主角
ios·app·产品
kango1 天前
iOS 远程推送全链路拆解:从 deviceToken 到多账号绑定
ios·app
茶底世界之下1 天前
仙人掌与沙丘的傍晚:用 Awaking 让侧光有了层次
ios·app·产品
茶底世界之下2 天前
蓝调鱼市的一盏暖灯:用 Awaking 把冷海与灯光分开
ios·app·产品
茶底世界之下3 天前
窗边白雏菊与旧书:用 Awaking 留住一束暖光
ios·app·产品
茶底世界之下4 天前
阴天海边的蓝船:用 Awaking 把灰蓝调成清亮主角
ios·app·产品
Digitally5 天前
如何将 iPhone 备份到 iCloud?
ios
传奇开心果编程5 天前
【Flutter踩坑排雷】第19课:路由硬编码坑|字符串路由书写错误,页面跳转失败排查
android·flutter·ios·移动开发·跨平台·ui框架·声明式ui