给el-button设置:display=‘isLoading‘字段,根据接口是否是完全加载完成控制按钮是否可以点击

文章讲述了在页面刷新时,如果某个接口数据请求耗时过长,如何通过在el-button上设置isLoading状态,防止用户在数据未返回前点击操作。使用ref管理isLoading变量,确保在数据加载完成后允许操作。
摘要由CSDN通过智能技术生成

问题:

当界面刷新,接口都重新请求数据,有一个接口请求数据量过大,返回很慢,当借口还在请求过程中,我们去点击按钮,显示弹框,就没办法获得用户已经勾选的数据和填写的数据

解决:

我们需要el-button中设置:display='isLoading'来判断是否可以点击按钮,

在script中const isLoading = ref(true),默认是不可以点击的,

当数据最多的接口请求完成后,设置isLoading.value = false,

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值