首页 > 其他分享 >防止页面按钮多次点击

防止页面按钮多次点击

时间:2024-05-21 10:18:27浏览次数:14  
标签:estimateElder false isNavigating 跳转 点击 按钮 锁为 页面

onlineAssessment(item) {
                let elderInfoMation = JSON.stringify(item)
                console.log('this.isNavigating',this.isNavigating)
                if (this.isNavigating) return; // 如果正在跳转,则直接返回不执行后续操作
                this.isNavigating = true; // 设置状态锁为真
                uni.navigateTo({
                    url: `/pages/serviceElderly/newCapabilityAssessment/estimateElder/estimateElder?elderInfo=${elderInfoMation}`,
                    success: () => {
                        setTimeout(()=>{
                            this.isNavigating = false; // 页面跳转成功后,重置状态锁为假
                        },1000)
                    },
                    fail: () => {
                        setTimeout(()=>{
                            this.isNavigating = false; // 页面跳转成功后,重置状态锁为假
                        },1000)
                    },
                })
            }, 
isNavigating: false, // 添加一个状态锁 
在data里定义一个初始值

 

标签:estimateElder,false,isNavigating,跳转,点击,按钮,锁为,页面
From: https://www.cnblogs.com/prince11/p/18203401

相关文章

  • C# webform 在aspx页面调用aspx.cs页面的方法
    前台代码--调用后台的GetEcharts1方法,并传入三个参数startDateValue,ipEndDate,ddlTypeValue<inputtype="button"id="loadExce2l"value="查看"onclick="loadEcharts()"/>functionloadEcharts(){console.log(19999999999)......
  • 【博客园发文技巧】不离开编辑页面,批量添加图片链接和设置图片大小
    参考文档:https://www.cnblogs.com/sanshi/p/3794796.html起因在博客园写文章,有时需要上传好多大图片,如果这些图片过大,则会导致页面变形。因此有一个实际的需求,能够在博客园的编辑页面,直接批量修改所有图片的大小,然后给这些图片添加链接,以便点击时转到大图。简单实现在博客园......
  • QT使用串口通信点击主界面通信阻塞
    1.问题导入在使用QT进行串口上位机开发时遇到鼠标点击主界面导致串口接收数据阻塞,无法继续在QT控件中更新接收到的数据。2.解决办法使用多线程:将串口通信放入子线程中。`QSerialPort*UARTDevide;//串口UART*newUART;//串口类QThreadUARTThred;//串口线程newUART->mo......
  • 登录页面漏洞总结
    汇总一些项目中挖到过的,和做项目的时候会用到的测试方法,最近也是疲于面试,讲的是时候总是一时想不起来,所以决定还是总结一下吧,以后我还是要多放网络安全相关的,面试官看时候也知道我了解哪些点,但奈何笔记太多需要整理一下再放出来,以前不敢放是因为确实一直觉得自己太菜了。如果后面......
  • VUE,HbuilderX开发H5页面,配置调试,部署以及JWT,Token。调用本机netcore接口
    花了一周时间,测试了各种方式。对于VUE开发H5页面,然后部署到Nginx服务。再调用本地的HTTPS接口。1、本地开发及使用IE或Chrome进行开发调试,并调用本地接口同步开发。本地Netcore,开发按原有方式进行。Hbuilderx,开发并调用本地接口。设置时,不要使用Https进行。直接用http即可。Hbuild......
  • 页面切换保存怎么实现数据不丢失且记忆滚动条位置,常规的方案会闪一下,不如原生性能,怎么
    要实现在页面切换时保存数据状态且记忆滚动条位置,同时避免闪烁现象,可以采用以下几种策略来优化用户体验,这些策略尤其适用于单页面应用(SPA)如Vue或React应用中:1.使用Keep-Alive(Vue中)在Vue中,可以利用<keep-alive>组件来缓存组件实例,这样在切换页面时,组件不会被销毁和重新创建,从而......
  • 你访问的页面不存在
    Tips:当你看到这个提示的时候,说明当前的文章是由原emlog博客系统搬迁至此的,文章发布时间已过于久远,编排和内容不一定完整,还请谅解`你访问的页面不存在日期:2017-4-4阿珏折腾代码浏览:2268次评论:2条搞了个萌萌哒的404页面好吧,我是偷bilibili的。......
  • vue之移动端的页面在返回时记住操作的位置,提供滑动动画效果
    1、在main.js中添加importctpRouterfrom'@/ares-ui-extend/CtpRouter';Vue.use(ctpRouter,router);2、添加相应的代码在src的目录下添加 ares-ui-extend的文件夹 ares-ui-extend文件夹的下面添加CtpRouter,CtpRouter下面为: ctp-router.css内容为:/*动画样式*......
  • 一个页面从输入URL到加载显示完成,这个过程发生了什么?
    目录一、解析URL1、流程2、URL格式:3、示例二、浏览器封装HTTP请求报文1、流程2、HTTP请求报文例子3、封装三、DNS解析1、缓存判断1.1、浏览器缓存1.2、操作系统缓存1.3、路由器缓存2、递归查询至ISPDNS服务器3、迭代查询过程4、保存结果至各级缓存四、建立TCP连接(三次握手)1、三次......
  • Django markdown前端页面渲染
    提取目录(方式一)importmarkdownfrommarkdown.extensions.tocimportTocExtensiondefcontent(request,content_id):content_id=int(content_id)content=Content.objects.get(id=content_id)md=markdown.Markdown(extensions=['markdown.extension......