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>
相关推荐
糕冷小美n1 分钟前
elementuivue2表格不覆盖整个表格添加固定属性
前端·javascript·elementui
沐墨染20 分钟前
黑词分析与可疑对话挖掘组件的设计与实现
前端·elementui·数据挖掘·数据分析·vue·visual studio code
爱上妖精的尾巴1 小时前
8-10 WPS JSA 正则表达式:贪婪匹配
服务器·前端·javascript·正则表达式·wps·jsa
Zhencode2 小时前
Vue3响应式原理之ref篇
vue.js
shadow fish2 小时前
react学习记录(三)
javascript·学习·react.js
小疙瘩3 小时前
element-ui 中 el-upload 多文件一次性上传的实现
javascript·vue.js·ui
独泪了无痕3 小时前
useStorage:本地数据持久化利器
前端·vue.js
程序员林北北3 小时前
【前端进阶之旅】JavaScript 一些常用的简写技巧
开发语言·前端·javascript
全栈前端老曹3 小时前
【Redis】Redis 持久化机制 RDB 与 AOF
前端·javascript·数据库·redis·缓存·node.js·全栈
NEXT063 小时前
受控与非受控组件
前端·javascript·react.js