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 @ 2022-03-29 16:33  FannieGirl  阅读(1567)  评论(0编辑  收藏  举报