0


【uniapp】uniapp input 焦点聚焦失败【已解决】

项目场景:

苹果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,})consthandleFormClick=(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}{评论,你的意见是我进步的财富!}
   
  
 评论,你的意见是我进步的财富!

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

标签: uni-app 前端

本文转载自: https://blog.csdn.net/qq_36977923/article/details/128625683
版权归原作者 沉默小管 所有, 如有侵权,请联系我们删除。

“【uniapp】uniapp input 焦点聚焦失败【已解决】”的评论:

还没有评论