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>
相关推荐
logo_2820 分钟前
Xpath语法规则的学习和使用
javascript·python·xpath·xpath语法
摘星小杨1 小时前
如何在前端循环调取接口,实时查询数据
开发语言·前端·javascript
Hilaku2 小时前
从搜索排名到 AI 回答? 先聊一聊 AI 可见度工具 BuildSOM !
前端·javascript·程序员
乌托邦2 小时前
uni-mini-ci:让 uniapp 小程序构建后自动预览和上传
前端·vue.js·uni-app
豹哥学前端2 小时前
前端工程化实战:从包管理到 Vite 配置,一套下来全明白
前端·javascript·vite
干中学_20262 小时前
vue3 画布编辑器「平移」天坑?只需 5 行代码,完美优雅复刻大厂体验!
javascript
大家的林语冰4 小时前
Canvas 文艺复兴,HTML-in-Canvas 炫酷特效摆拍走红,Canvas 中也能渲染交互式的 HTML 元素了
前端·javascript·html
前端那点事5 小时前
彻底解决KeepAlive缓存乱象!Vue3精细化按需缓存+路径重置终极方案
前端·vue.js
前端那点事5 小时前
Vue 的 template 标签不能用 v-show?底层机制+踩坑复盘+生产级解决方案
前端·vue.js