element table 点击某一行中按钮加载

海绵宝龙

已于 2024-06-13 19:52:30 修改

阅读量828

点赞数 1

分类专栏：前端问题文章标签： vue.js 前端 javascript

于 2024-06-13 11:35:58 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46504400/article/details/139650020

版权

在这里插入图片描述
在Element UI中，实现表格（element-table）中的这种功能通常涉及到数据处理和状态管理。当你点击某一行的按钮时，其他行的按钮需要动态地切换为加载状态，这可以通过以下步骤实现：

1.表格组件：使用el-table组件，并且为每一行的按钮添加事件监听器，如@click。

<el-table :data="items" @selection-change="handleSelectionChange">
  <el-table-column type="index"></el-table-column>
  <el-table-column prop="action" label="操作">
    <template slot-scope="scope">
      <el-button v-if="!isLoading[scope.$index]" @click="loadData(scope.$index)"