热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

记录一下uniapp输入框input的@input事件失效问题

今天开发中遇到一个Bug,input的input事件竟然时而触发时而失效,先来看看我的代码:HTML:

今天开发中遇到一个Bug,input的@input事件竟然时而触发时而失效,先来看看我的代码:
HTML:

<input&#64;input&#61;"changeNumber"type&#61;"number"v-model&#61;"orderForm.number"placeholder&#61;"请输入1 &#xff5e; 99的整数"
/>

JS&#xff1a;修改前

changeNumber(e) {let num &#61; Number(e.detail.value);if (num &#61;&#61;&#61; 0 || num &#61;&#61;&#61; "") {num &#61; 1;}if (num < 0) {num &#61; 1;}if (num > 99) {num &#61; 99;}this.orderForm.number &#61; num.toFixed(0);},

JS&#xff1a;修改后 解决BUg

changeNumber(e) {let num &#61; Number(e.detail.value);if (num &#61;&#61;&#61; 0 || num &#61;&#61;&#61; "") {num &#61; 1;}if (num < 0) {num &#61; 1;}if (num > 99) {num &#61; 99;}setTimeout(() &#61;> { this.orderForm.number &#61; num.toFixed(0) }, 0)},

这个BUg很奇怪&#xff0c;直接赋值属于同步&#xff0c;加了定时器就变成异步赋值了&#xff0c;具体原因不明确&#xff0c;个人猜测是因为同步赋值没有改变视图层&#xff0c;异步赋值视图层会刷新&#xff0c;个人愚见&#xff0c;有知道原因的大佬欢迎在下面留言纠正&#xff1b;
在这里插入图片描述


推荐阅读
  • 探讨了在HTML表单中使用元素代替进行表单提交的方法。 ... [详细]
  • 在1995年,Simon Plouffe 发现了一种特殊的求和方法来表示某些常数。两年后,Bailey 和 Borwein 在他们的论文中发表了这一发现,这种方法被命名为 Bailey-Borwein-Plouffe (BBP) 公式。该问题要求计算圆周率 π 的第 n 个十六进制数字。 ... [详细]
  • 本文介绍了SIP(Session Initiation Protocol,会话发起协议)的基本概念、功能、消息格式及其实现机制。SIP是一种在IP网络上用于建立、管理和终止多媒体通信会话的应用层协议。 ... [详细]
  • 本文详细介绍了在Windows系统中如何配置Nginx以实现高效的缓存加速功能,包括关键的配置文件设置和示例代码。 ... [详细]
  • importjava.io.*;importjava.util.*;publicclass五子棋游戏{staticintm1;staticintn1;staticfinalintS ... [详细]
  • JavaScript 实现图片文件转Base64编码的方法
    本文详细介绍了如何使用JavaScript将用户通过文件输入控件选择的图片文件转换为Base64编码字符串,适用于Web前端开发中图片上传前的预处理。 ... [详细]
  • RTThread线程间通信
    线程中通信在裸机编程中,经常会使用全局变量进行功能间的通信,如某些功能可能由于一些操作而改变全局变量的值,另一个功能对此全局变量进行读取& ... [详细]
  • ASP.NET 进度条实现详解
    本文介绍了如何在ASP.NET中使用HTML和JavaScript创建一个动态更新的进度条,并通过Default.aspx页面进行展示。 ... [详细]
  • 在项目冲刺的最后一天,团队专注于软件用户界面的细节优化,包括调整控件布局和字体设置,以确保界面的简洁性和用户友好性。 ... [详细]
  • Vue CLI 基础入门指南
    本文详细介绍了 Vue CLI 的基础使用方法,包括环境搭建、项目创建、常见配置及路由管理等内容,适合初学者快速掌握 Vue 开发环境。 ... [详细]
  • JavaScript 页面卸载事件详解 (onunload)
    当用户从页面离开时(如关闭页面或刷新页面),会触发 onunload 事件,此时可以执行预设的脚本。需要注意的是,不同的浏览器对 onunload 事件的支持程度可能有所不同。 ... [详细]
  • 默认情况下,Git 使用 Nano 编辑器进行提交信息的编辑,但如果您更喜欢使用 Vim,可以通过简单的配置更改来实现这一变化。本文将指导您如何通过修改全局配置文件来设置 Vim 作为默认的 Git 提交编辑器。 ... [详细]
  • 探索Java 11中的ZGC垃圾收集器
    Java 11引入了一种新的垃圾收集器——ZGC,由Oracle公司研发,旨在支持TB级别的内存容量,并保证极低的暂停时间。本文将探讨ZGC的开发背景、技术特点及其潜在的应用前景。 ... [详细]
  • 本文探讨了使用普通生成函数和指数生成函数解决组合与排列问题的方法,特别是在处理特定路径计数问题时的应用。文章通过详细分析和代码实现,展示了如何高效地计算在给定条件下不相邻相同元素的排列数量。 ... [详细]
  • 在Notepad++中配置Markdown语法高亮及实时预览功能
    本文详细介绍了如何在Notepad++中配置Markdown语法高亮和实时预览功能,包括必要的插件安装和设置步骤。 ... [详细]
author-avatar
兜兜2013公馆
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有