Element中的el-table中如何获取每一行的id

只需要用<template slot-scope="scope"></template >标签包裹起来即可

使用scope.row.列名,的方式获取当前行对应列的值

可以通过使用作用域插槽的方式获取每一行的id。以下是一个示例代码:

javascript 复制代码
<el-table-column prop="status" label="状态">
  <template slot-scope="scope">
    <el-switch v-model="scope.row.status"
               active-color="green"
               inactive-color="#ff4949"
               active-value="1"
               active-text="未删除"
               inactive-text="已删除"
               inactive-value="0"
               width="50"
               @change="deleteGoods(scope.row.id, scope.row.status)">
    </el-switch>
  </template>
</el-table-column>

以下是一个示例代码:

javascript 复制代码
<el-table :data="tableData">
  <el-table-column prop="id" label="ID">
    <template slot-scope="scope">
      {{ scope.row.id }}
    </template>
  </el-table-column>
  <!-- 其他列 -->
</el-table>
相关推荐
我会冲击波14 小时前
vibe coding 一个多月,我把 Claude Code + Pi 做成了桌面 IDE,还给它移植了 VS Code 的编辑体验
前端·javascript·后端
码艺-Alimjan14 小时前
横向滚动组件纯用 CSS,丝滑鼠标滚动不许js
javascript·css·计算机外设
前端fighter15 小时前
线上崩溃?使用 TRAE Work 5分钟把混淆日志翻译成人话并输出复盘报告
前端·vue.js·程序员
JimmtButler15 小时前
从 Java 到 JS:我终于把闭包想明白了
javascript·后端
常宇佳15 小时前
vue3 实战系列之无法识别vue组件
前端·javascript·vue.js
全栈项目管理程序猿15 小时前
ArcGIS JS 基础教程(12):视图截图 takeScreenshot
javascript
小棉花的ai跨境之旅15 小时前
Codex 子 Agent 分工实战:Sol 当军师、Luna 当搬砖工,单任务成本压到 $0.61
javascript
daols8816 小时前
vue 实现基于 vxe-table 构建多维度产品对比表
前端·javascript·vue.js
前端 贾公子16 小时前
第08章:中间件(5)
服务器·前端·javascript
二级小助手17 小时前
二级Web前端选择题高频真题20道与考场避坑笔记
javascript·css3·html5·web前端·计算机二级·二级web·web真题