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

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

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


遍历表格数据添加loading属性

// 添加loading
        this.tableList.forEach((item, index) => {
          item.loading = false
        })

给表格中按钮添加loading 

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

 点击按钮后,重新赋值loading

handle(index, row){
      row.loading = true

      // 处理loading不生效,这段代码必须添加,否则 row.loading = true 不生效,原因未知
      let tn = row.taskName
      row.taskName = ''
      row.taskName = tn
}

相关推荐

  1. 处理element ui 表格 按钮 loading问题

    2024-06-12 15:42:03       25 阅读
  2. ElementUI表格组件

    2024-06-12 15:42:03       19 阅读
  3. Uniappimage的@load不触发问题

    2024-06-12 15:42:03       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-12 15:42:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-12 15:42:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-06-12 15:42:03       82 阅读
  4. Python语言-面向对象

    2024-06-12 15:42:03       91 阅读

热门阅读

  1. 调料食品加工污水处理设备配置

    2024-06-12 15:42:03       28 阅读
  2. Spring-core-MethodParameter

    2024-06-12 15:42:03       25 阅读
  3. 手机照片怎么恢复?10个照片恢复应用程序

    2024-06-12 15:42:03       38 阅读
  4. 给echarts图表添加弧形动画效果

    2024-06-12 15:42:03       30 阅读
  5. PTA:7-184 通过嵌套循环输出二维矩阵

    2024-06-12 15:42:03       31 阅读
  6. Web前端模板引擎:深度解析与应用探索

    2024-06-12 15:42:03       31 阅读
  7. 一台 Linux 服务器最多能支撑多少个 TCP 连接

    2024-06-12 15:42:03       32 阅读
  8. wildcard邀请码

    2024-06-12 15:42:03       33 阅读
  9. 每天一个数据分析题(三百六十)- 整数规划

    2024-06-12 15:42:03       30 阅读
  10. 【Python基础】文件处理

    2024-06-12 15:42:03       29 阅读
  11. 1358 - 素数环

    2024-06-12 15:42:03       29 阅读