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) 
   }

   效果圖

    

    

    結束，就是這樣簡單，你學廢了嗎？