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

    效果图

     

     

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM