当前位置: 首页 > news >正文

uview的真机演示,微信小程序,当两个input框的时候,从一个input切换到两一个input的时候,键盘调不起来

项目场景:

项目相关背景:

例如:uview的真机演示,微信小程序,当两个input框的时候,从一个input切换到两一个input的时候,键盘调不起来

问题描述

遇到的问题:

例如:切换input框,键盘调不起来:

<u-form-item prop="userName" :borderBottom="false" @click="inpuFocus('userName')"><u-input v-model="form.userName" :focus="inputActive == 'userName'"  @blur="inputActive = ''" placeholder="请输入用户名"><template slot="suffix"><u-icon @click="clear('userName')" v-if="form.userName" name="close-circle-fill" color="#11AC85" size="20"></u-icon></template></u-input>
</u-form-item>
<u-form-item prop="password" :borderBottom="false" @click="inpuFocus('password')"><u-input v-model="form.password" type="password" :focus="inputActive == 'password'" @blur="inputActive = ''" placeholder="请输入密码"><template slot="suffix"><u-icon @click="clear('password')" v-if="form.password" name="close-circle-fill" color="#11AC85" size="20"></u-icon></template></u-input>
</u-form-item>

原因分析:

问题的分析:

例如:第一次点击的时候,由于直接触发了实去焦点功能,导致clear没有清楚掉数据,但是clear方法执行了。


解决方案:

具体解决方案:延迟调用

inpuFocus(data) {setTimeout(()=>{this.inputActive = data}, 200)
},
http://www.lryc.cn/news/176160.html

相关文章:

  • 信息化发展58
  • 2023前端面试题
  • Spring整合第三方框架-MyBatis原始操作代码
  • 比特币 ZK 赏金系列:第 2 部分——查找哈希冲突
  • Android9底部导航栏出现空白按钮问题分析
  • 秦时明月沧海手游阵容推荐,秦时明月沧海角色强度
  • 基于微信小程序的大学生科技竞赛竞技报名系统设计与实现(源码+lw+部署文档+讲解等)
  • crypto:摩丝
  • Docker最基本使用
  • vue2.x 迭代更新项目去掉缓存处理
  • Linux高性能服务器编程 学习笔记 第八章 高性能服务器程序框架
  • 技术对比:Flutter vs. 传统桌面应用开发框架
  • [C++ 网络协议] 异步通知I/O模型
  • Postgresql事务测试
  • 【数据结构--排序】冒泡排序,选择排序,插入排序
  • vue pc端/手机移动端 — 下载导出当前表格页面pdf格式
  • 125. 验证回文串 【简单题】
  • 描述性统计分析
  • Visual Studio2019 C++ 编程问题集锦
  • 链表的回文判断
  • 281_JSON_两段例子的比较,哪一段更简洁、易懂、没有那么多嵌套
  • 想要精通算法和SQL的成长之路 - 最长递增子序列 II(线段树的运用)
  • java用easyexcel按模版导出
  • Servlet执行流程生命周期方法介绍体系结构、Request和Response的功能详解
  • 软件工程之总体设计
  • 监控员工电脑文件拷贝记录:电脑怎么看员工复制文件的历史记录
  • vue中request.js中axios请求和(若依)文件通用下载方法封装
  • 【大数据存储与处理】1. hadoop单机伪分布安装和集群安装
  • linux通过time命令统计代码编译时间
  • logback日志是怎么保证多线程输出日志线程安全的