处理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
}
相关推荐
枣把儿几秒前
Vercel 收购 NuxtLabs!Nuxt UI Pro 即将免费!
前端·vue.js·nuxt.js
望获linux1 分钟前
【Linux基础知识系列】第四十三篇 - 基础正则表达式与 grep/sed
linux·运维·服务器·开发语言·前端·操作系统·嵌入式软件
爱编程的喵3 分钟前
从XMLHttpRequest到Fetch:前端异步请求的演进之路
前端·javascript
喜欢吃豆6 分钟前
深入企业内部的MCP知识(三):FastMCP工具转换(Tool Transformation)全解析:从适配到增强的工具进化指南
java·前端·人工智能·大模型·github·mcp
豆苗学前端9 分钟前
手把手实现支持百万级数据量、高可用和可扩展性的穿梭框组件
前端·javascript·面试
不见_9 分钟前
不想再写周报了?来看看这个吧!
前端·命令行
yinke小琪11 分钟前
JavaScript 事件冒泡与事件捕获
前端·javascript
pany13 分钟前
写代码的节奏,正在被 AI 改写
前端·人工智能·aigc
liliangrong77715 分钟前
ES2025新特性详解
前端
gzzeason23 分钟前
Ajax:现代JS发起http通信的代名词
前端·javascript·ajax