【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,博客园...后发现,都是一些馊主意,暂未解决,有大佬在评论区提供下可以解决方案吗。
相关推荐
懋学的前端攻城狮30 分钟前
超越Toast:构建优雅的UI反馈与异步协调机制
ios·性能优化
00后程序员张1 小时前
完整教程:如何将iOS应用程序提交到App Store审核和上架
android·macos·ios·小程序·uni-app·cocoa·iphone
00后程序员张1 小时前
iOS应用性能优化全解析:卡顿、耗电、启动与瘦身
android·ios·性能优化·小程序·uni-app·iphone·webview
Evavava啊5 小时前
iOS微信小程序WebView中按钮背景渐变显示问题解决方案
ios·微信小程序·h5·渲染
Evavava啊7 小时前
微信小程序H5页面iOS视频播放问题解决方案
ios·微信小程序·音视频·h5·http 响应头
90后的晨仔17 小时前
第5章:基础状态管理
ios
90后的晨仔18 小时前
第4章:基础布局系统
ios
90后的晨仔19 小时前
第3章:基础视图组件
ios
Digitally1 天前
iTunes 无法连接到此 iPhone - 9 种解决方法
ios·iphone
2501_916007471 天前
iOS逆向工程:详细解析ptrace反调试机制的破解方法与实战步骤
android·macos·ios·小程序·uni-app·cocoa·iphone