处理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
}
相关推荐
小月土星3 小时前
React Router 前端路由深度解析:从传统后端路由到现代 SPA 的完整演进
前端
程序员黑豆3 小时前
鸿蒙开发 Navigation 路由教程:从入门到实战
前端·harmonyos
烬羽5 小时前
React Router v7 完全指南:一个 Demo 吃透前端路由
javascript·react.js·前端框架
烬羽5 小时前
从"整个页面刷新"到"丝滑切换":手写一个 HashRouter 彻底搞懂前端路由
javascript·前端框架·全栈
用户938515635075 小时前
从零理解 React Router v6:每一个 API 都是怎么工作的
前端·javascript·全栈
用户059540174467 小时前
Redis缓存回滚踩坑实录:一个配置失误,让我在凌晨3点丢了3000条数据
前端·css
kyriewen8 小时前
别再这样写条件渲染了——你的React组件里藏着这5种定时炸弹
前端·javascript·react.js
IT_陈寒8 小时前
Redis缓存击穿把我坑惨了,原来这样设过期时间才靠谱
前端·人工智能·后端
用户938515635079 小时前
从"坐电梯"到"前端路由"——深入理解 Hash 路由原理
前端·typescript·全栈
梦想CAD控件9 小时前
网页端CAD的图形选择、编辑与夹点操作教程
前端·javascript·node.js