项目场景:

苹果11真机调试uniapp(vue3)小程序中的input,聚焦失败。
安卓机没有这问题~

解决方案:

提示:给input输入框一个聚焦和失去焦点的事件

示例代码:

template代码

<u-form :rules="formRules" :model="formModel" ref="formRef">
          <u-form-item label="测试" prop="test" label-position="top">
            <u-input type="text" placeholder="请输入姓名" @click="handleFormClick('test')" @blur="focusName.test=false" :focus="focusName.test" v-model="formModel.test" />
          </u-form-item>
        </u-form>

javascript代码

...
let focusName = reactive({
	test,
})
const handleFormClick = (type:string)=>{
	focusName[type] = true;
}
...


踩坑不易,还希望各位大佬支持一下
\textcolor{gray}{踩坑不易,还希望各位大佬支持一下}
踩坑不易,还希望各位大佬支持一下

📃
个人主页:
\textcolor{green}{个人主页:}
个人主页:
沉默小管

📃
个人网站:
\textcolor{green}{个人网站:}
个人网站:
沉默小管

📃
个人导航网站:
\textcolor{green}{个人导航网站:}
个人导航网站:
沉默小管导航网

🔥
技术交流
Q
Q
群:
837051545
\textcolor{green}{技术交流QQ群:837051545}
技术交流QQ群:837051545

👍
点赞,你的认可是我创作的动力!
\textcolor{green}{点赞,你的认可是我创作的动力!}
点赞,你的认可是我创作的动力!

⭐️
收藏,你的青睐是我努力的方向!
\textcolor{green}{收藏,你的青睐是我努力的方向!}
收藏,你的青睐是我努力的方向!

✏️
评论,你的意见是我进步的财富!
\textcolor{green}{评论,你的意见是我进步的财富!}
评论,你的意见是我进步的财富!

如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。