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

uniapp input苹果中文键盘输入拼音直接切换输入焦点监听失效

问题:

uniapp微信小程序,苹果手机中文键盘状态下,输入字母时,不点击确定也不点击空白处,直接切换到下一个input输入框,UI界面会保留上个输入框输入的内容,但input、blur事件监听到的值都是空(ios多个机型复现)。

此时输入框并没有触发@input事件,但是输入框会触发@blur事件,虽然输入框内的值被保留下来了,但e.target.value是没值的。

解决办法:

blur回调时修改输入框v-model的值,使组件重新渲染,清空UI界面上未确认的值。

<input type="text" v-model="inputVal" @blur="onBlur" />
methods:{onBlur(e) {let val = e.detail.value || ''if (!val) {this.inputVal = ' ';//此处注意是 空格+字符串nextTick(() => {this.inputVal = ''})}}
}

nextTick是必须的,需要等待第一次赋值渲染完成

http://www.lryc.cn/news/509420.html

相关文章:

  • 多智能体/多机器人网络中的图论法
  • 华为:数字化转型只有“起点”,没有“终点”
  • centos server系统新装后的网络配置
  • 【问题实录】服务器ping不通win11笔记本
  • WEB入门——文件上传漏洞
  • 公交车信息管理系统:构建智能城市交通的基石
  • jdk各个版本介绍
  • 分布式事务解决方案seata和MQ
  • 相机主要调试参数
  • 【C++11】可变模板参数
  • AAAI-2024 | 大语言模型赋能导航决策!NavGPT:基于大模型显式推理的视觉语言导航
  • @HeadFontStyle注解属性介绍
  • Exchange ProxyLogon 攻击链利用详解
  • C++小碗菜之五:关键字static
  • deepstream笔记
  • Pinpoint 是一个开源的分布式追踪系统
  • H3C交换机远程登录基本配置
  • python关闭线程池来关闭线程
  • 生成式AI:药学科普的新引擎
  • 洛谷 p3392 涂条纹
  • 64.基于SpringBoot + Vue实现的前后端分离-新闻资讯系统(项目 + 论文)
  • Y3编辑器教程8:资源管理器与存档、防作弊设置
  • 智慧社区电子商务系统:实现社区资源的数字化管理
  • 精准提升:从94.5%到99.4%——目标检测调优全纪录
  • 【LLM论文日更】| 训练大型语言模型在连续潜在空间中进行推理
  • 智能家居实训室中,STC单片机驱动的“互联网+”智能家居系统设计
  • 《C++ 赋能强化学习:Q - learning 算法的实现之路》
  • 三维模型中的UV展开是什么意思?它有什么优势?
  • 怎么在ubuntu系统上安装qt项目的打包工具linuxdeployqt
  • SQL语句整理五-StarRocks