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>
相关推荐
CDwenhuohuo14 分钟前
electron pc项目打包成桌面端
前端·javascript·electron
计算机毕设定制辅导-无忧学长2 小时前
《校园食堂在线订餐小程序的设计与实现》
java·vue.js·spring boot·微信小程序·uniapp·校园食堂在线订餐小程序
EatFan3 小时前
React 项目踩坑实录:useEffect 闭包陷阱、Context 性能陷阱与 React 18 升级避坑排查手册
前端·javascript·react.js·react·react hooks·useeffect·闭包陷阱
咖啡无伴侣4 小时前
1. 别再手动改代码格式了!Vue3 项目工程化规范搭建实战
vue.js·架构
w2sfot6 小时前
【JS加密在线】jsjiami.online(让JavaScript 更安全!)
开发语言·javascript·安全
知野小兔7 小时前
Vuex和Pinia状态管理
vue.js
VX_bysjlw9858 小时前
数码设备销售网站设计与实现39138-计算机毕设原创(免费领源码+带部署教程)
java·vue.js·spring boot·mysql·tomcat·mybatis·idea
杨杰39810 小时前
我给嵌入式设备写了个 6MB 的 JavaScript 运行时(xuan)
javascript
只睡四小时11 小时前
AI 生成 PPTX:11 页课件编译出 429 个形状
javascript·python·pptx·ai生成ppt·ooxml
whi12 小时前
一个小工具,解决了一个困扰 Vue 开发者多年的类型检查难题
vue.js·typescript