处理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
}
相关推荐
半个落月15 小时前
从 "use client" 到 Route Handler:用 Todos 理解 Next.js 水合与全栈请求
前端·react.js·next.js
qq_4523962315 小时前
第七篇:《大型前端项目的模块化与目录结构设计》
前端
你脑门上的脚印15 小时前
Vue 项目从零实现语音转文字、文字转语音功能(完整可用 + 踩坑指南)
前端·vue.js
paopaokaka_luck15 小时前
基于springboot3+vue3的车间生产管理系统(Echarts图形化分析、BI报表)
java·前端·spring boot·学习·echarts
程序员鱼皮15 小时前
3 大 DeepSeek Harness 进阶玩法,招多个大肥鱼帮我干活!
前端·后端·ai编程
KoPa15 小时前
HeySmart:大模型开源网关基座-请求生命周期与钩子引擎
前端·后端
悟空瞎说16 小时前
# Dispatch(GCD)苹果官方文档 白话文讲解(Objective‑C 版本文档)
javascript
七牛开发者16 小时前
Coding Agent 如何跑稳长任务?从上下文管理到运行时状态
前端·javascript·后端
半个落月16 小时前
从 CSR 到 Server Component:吃透 Next.js 16 App Router 路由、布局与 SEO
前端·next.js
七牛开发者16 小时前
拆解 DeepSeek Harness:Profile 与 Bundle 如何装配运行时
前端·javascript·后端