前言
表格操作栏,某个操作需要异步请求才能做跳转等
方案
- 整个列表每行都加一个loading字段,不够优雅
- 利用$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) }
效果图
结束,就是这样简单,你学废了吗?