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

踩坑---uni-app中@input 事件不生效

在开发的时候遇到这么一种情况,我们希望input输入框的值是范围是0-100或者保留两位小数之类的,当你输入时处理后的结果却不生效,但是试过很多办法发现都实现不了,最后是按照以下方法解决的,问题原因是uni-app会延时,导致输入的结果和打印的结果有时间误差,不一致!所以我们需要加一个定时器

<u-input v-model="formData.receiptQuantity"  @input="handleInput"placeholder="请输入份数(0-100)"  type="number">
</u-input>

 

  • // uni-app框架官方说明:input事件处理函数内实时修改当前值不生效,可以延迟设置!
  • // 延时的结果,输入的结果和打印的结果一致! 
function handleInput(event) {setTimeout(() => {let value = eventif (isNaN(value) || value < 0) {value = 0;} else if (value > 100) {value = 100;}formData.value.receiptQuantity = value},0)
}

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

相关文章:

  • Linux命令(66)之tar
  • 零拷贝详解
  • 新能源汽车电控系统
  • Azure概念介绍
  • Zabbix监控MySQL数据库实战
  • 代理模式(Java实现)
  • 炬芯科技发布全新第二代智能手表芯片,引领腕上新趋势!
  • Linux学习之iptables规则基本演示
  • 探索Python编程的技巧:多线程魔法、网络舞台、正则魔法阵与递归迷宫
  • uniapp-微信小程序篇
  • 使用pymupdf实现PDF内容搜索并显示功能
  • Dalsa线阵相机说明(Linea Color GigESeries 2k and 4K)
  • 图神经网络 day2 图的分类
  • CentOS防火墙操作:开启端口、开启、关闭、配置
  • Chromium 如何在c++里面控制扩展加载
  • 分类预测 | MATLAB实现MTBO-CNN多输入分类预测
  • 操作符和表达式求值
  • Unity Spine帧事件
  • AE使用(一)
  • YOLOv5、YOLOv8改进:MobileViT:轻量通用且适合移动端的视觉Transformer
  • 06-4_Qt 5.9 C++开发指南_MDI应用程序设计
  • 【SCI征稿】3区SCI,正刊,智能传感、机器学习、智能检测与测量等均可
  • 神经网络ANN(MLP),CNN以及RNN区别和应用
  • CUDA、cuDNN以及Pytorch介绍
  • 使用shift关键字,写一个带二级命令的脚本(如:docker run -a -b -c中的run)
  • MySQL学习笔记 - 进阶部分
  • 微信小程序实现左滑删除
  • 安防视频监控有哪些存储方式?哪种存储方式最优?
  • 02-C++数据类型-高级
  • Kotlin实战之获取本地配置文件、远程Apollo配置失败问题排查