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

uniapp按钮点击过快导致请求数据混乱

当出现这个问题的时候尝试使用防抖函数可以解决这个问题,但是我的程序用防抖不行,最后查阅了很多资料选择使用笨办法,当请求没有回来时禁止用户点击按钮。

<view class="change-time-list fl" v-for="(item,index) in timeList" :key="index"
    :class="{active:item.name==changeName}" >
	<span @click="isDisabled&&bookClick(item)">{{item.name}}</span>
</view>

这是页面的html代码,使用点击事件传参加一个参数控制点击是否执行

isDisabled : true,//初始值设置
bookClick(data){
    this.flowOverview()
}

//请求参数函数
async flowOverview() {
	this.isDisabled = false; //禁用操作按钮
	let params = {
		...this.overViewParams,
	}
	let {data}=await this.$api("flowOverview", params)
	// 数据没返回前禁止点击事件
	if(data){
	    this.isDisabled = true;
	}
}

点击按钮时调用函数请求后端接口,并在返回数据前禁止按钮点击。


http://www.kler.cn/a/287268.html

相关文章:

  • 零基础Java第二十二期:异常(二)
  • 字节青训-判断数组是否单调、判断回旋镖的存在、字符串解码问题、小F的矩阵值调整、数字字符串中圆圈的数量计算 、小Q的非素数和排列问题
  • MongoDB聚合操作
  • Java-异步方法@Async+自定义分布式锁注解Redission
  • 系统掌握大语言模型提示词 - 从理论到实践
  • 常见网络厂商设备默认用户名/密码大全
  • 【学习笔记】卫星通信NTN 3GPP标准化进展分析(五)- 3GPP Release19 研究计划
  • 一图打尽C++内存分区(分段)
  • 内核开发具有哪些特点?大致流程是怎样的?
  • <C++> 红黑树
  • golang make 函数的三个参数分别有什么作用
  • 峟思大坝安全监测系统:科技筑牢工程稳定的基石
  • TCP ISO/OSI模型
  • 开启ROS 2中的geometry坐标模拟展示
  • SQLi-LABS靶场56-60通过攻略
  • [Python]之深拷贝与浅拷贝
  • Flask之Hello world 详解
  • 【补-办公室】拟批语的区别
  • 重构贪心算法(二)
  • 12大常用自动化测试工具,请记得转发收藏!
  • Leetcode 3277. Maximum XOR Score Subarray Queries
  • PostgreSQL LIMIT 子句的使用与优化
  • Jenkins版本升级
  • 米家“智能中枢网关”和“智能多模网关”有什么区别?
  • 快速回顾-HTML5
  • 前端宝典二十一:前端异步编程规范手写Promise、async、await