处理element ui 表格中 按钮 loading问题

想要给表格中的按钮添加loading,但是一个按钮定义一个loading又不现实。

想到的解决方法如下,不完美,但能用。


遍历表格数据添加loading属性

javascript 复制代码
// 添加loading
        this.tableList.forEach((item, index) => {
          item.loading = false
        })

给表格中按钮添加loading

javascript 复制代码
<el-button
                        type="primary"
                        plain
                        size="mini"                                            
                        :loading="scope.row.loading"
                        @click="handle(scope.$index, scope.row)">按钮</el-button>

点击按钮后,重新赋值loading

javascript 复制代码
handle(index, row){
      row.loading = true

      // 处理loading不生效,这段代码必须添加,否则 row.loading = true 不生效,原因未知
      let tn = row.taskName
      row.taskName = ''
      row.taskName = tn
}
相关推荐
data analyse 4565 分钟前
埋点工具的私有化部署成本高吗?
前端·数据分析·github
data analyse 4561 小时前
埋点工具的埋点查询语言难学吗?
前端·数据分析
DianSan_ERP1 小时前
多平台订单自动下载与回传的技术实现:从消息推送到状态闭环引言
java·linux·服务器·前端·网络·架构·自动化
恋猫de小郭1 小时前
Shopify 回应为什么从 RN 回到原生,为什么不用 KMP ?
android·前端·flutter
小蜗 strong2 小时前
和电脑猜拳(随机程序应用)
服务器·前端·python
下家3 小时前
为了脱离前端鄙视链,于是自己写个框架 - React 党看完沉默了
前端·前端框架
特立独行的猫A3 小时前
仓颉版 Tauri:基于轻量化线程与纯血鸿蒙架构的下一代 Web 混合开发利器
javascript
zhiyouTech3 小时前
从“被看见“到“被信任“:关于信源评级机制的一点观察
大数据·前端·人工智能
Hashan3 小时前
Vibe Coding 下前后端怎么对接接口?后端不给力的兜底方案
前端·后端·vibecoding
李游Leo4 小时前
HarmonyOS 7 ArkTS + ohpm:三方 JS 库副作用隔离与 API 26 升级回归【鸿蒙心迹】
javascript·回归·harmonyos