vue+elementUI 表格操作按钮添加loading

前言

  表格操作栏,某个操作需要异步请求才能做跳转等

方案

  1. 整个列表每行都加一个loading字段,不够优雅
  2. 利用$set方法 改变当前行当前按钮loading,可行(代码如下)
    复制代码
    //按钮 row.loadingEdit
     <ElButton type="text" :loading="row.loadingEdit" @click="handleEditor(row.id, row)" >编辑</ElButton>
    
    //
    handleEditor(id,row){
         this.$set(row, 'loadingEdit', true) //打开loading 
        .....
        //异步结束关闭loading
         this.$set(row, 'loadingEdit', false) 
    }
    复制代码

    效果图

     

     

     结束,就是这样简单,你学废了吗?

posted @   FannieGirl  阅读(1723)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
点击右上角即可分享
微信分享提示