项目场景:
苹果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代码文章来源:https://www.toymoban.com/news/detail-411119.html
...
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}{评论,你的意见是我进步的财富!} 评论,你的意见是我进步的财富!
如果有不懂可以留言,我看到了应该会回复
如有错误,请多多指教文章来源地址https://www.toymoban.com/news/detail-411119.html
到了这里,关于【uniapp】uniapp input 焦点聚焦失败【已解决】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!