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>
相关推荐
ZengLiangYi34 分钟前
批量导入 1000 条对话的性能优化实战
javascript·后端·架构
竹林8181 小时前
用 wagmi v2 + viem 监听合约事件时踩的坑,我花了两天才把"遗漏事件"修好
javascript
小花酱酱1 小时前
QQ群里只有你一个人?邪门歪道破局之路——AstrBot
javascript
bonechips1 小时前
JS 数组指南:从内存原理到二维矩阵
前端·javascript
mONESY1 小时前
前端零基础精讲:Canvas3D、CSS3D、文档流、定位全方位复盘
javascript
徐小夕2 小时前
JitWord 3.0 正式发布,高精度Word异构解析+复杂组件兼容,打造web端协同Word编辑器
前端·vue.js·算法
竹林81817 小时前
Web3表单签名验证:我用 wagmi 和 ethers 给 DApp 加了一个“免密登录”,踩坑记录全在这了
javascript
用户69903048487517 小时前
try catch使用场景 处理同步代码错误兼容用的
javascript·uni-app
雪碧聊技术17 小时前
Tree.js是什么?一文讲透
开发语言·javascript·ecmascript