关于el-table 通过点击事件获取当前行的所有信息

在工作中,写el-tabe的时候,看同事们的代码会写:

const handleOpenOrderDetailDialog = (currentClickItem = {}) => {}

其中currentClickItem 会获取到这行的所有信息,一直不知道是为什么,今天查了一下
AI提供给我这段代码

<template>  
  <el-table  
    :data="tableData"  
    @row-click="handleRowClick"  
  >  
    <!-- ... 其他列定义 ... -->  
  </el-table>  
</template>  
  
<script>  
export default {  
  data() {  
    return {  
      tableData: [  
        // ... 你的数据 ...  
      ],  
    };  
  },  
  methods: {  
    handleRowClick(row, column, event) {  
      console.log(row); // 这里会打印出当前行的所有信息  
    },  
  },  
};  
</script>

也就是说,currentClickItem 就是row这个参数,包含了行的信息
currentClickItem = {}是给这个参数给了一个默认值

posted @   ayubene  阅读(19)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示