@row-click 事件传递当前行数据：两种方法详解

<h2>@row-click 事件传递当前行数据：两种方法详解</h2>
<p>在使用 Vue.js 开发表格组件时，我们经常需要在用户点击表格行时，将当前行的相关数据传递给其他组件或方法进行处理。这可以使用 <code>@row-click</code> 事件来实现，本文将介绍两种常见的传递当前行数据的方法。</p>
<p><strong>1. 不传递参数：<code>@row-click='checkCreatePoi()'</code></strong></p>
<p>这种方法适用于只需要知道当前行被点击了，而不需要具体数据的情况下。html<template>  &lt;el-table :data='tableData' @row-click='checkCreatePoi'&gt;    </el-table></template></p>
<script>export default {  methods: {    checkCreatePoi() {      // 获取当前行数据，可通过 this.$refs['table'].currentRow 获取      console.log(this.$refs['table'].currentRow);     }  }}</script>
<p><strong>2. 传递参数：<code>@row-click='checkCreatePoi(row)'</code></strong></p>
<p>这种方法可以将当前行的完整数据传递给 <code>checkCreatePoi</code> 方法。html<template>  &lt;el-table :data='tableData' @row-click='checkCreatePoi'&gt;    </el-table></template></p>
<script>export default {  methods: {    checkCreatePoi(row) {      console.log(row); // 输出当前行数据    }  }}</script>
<p><strong>总结</strong></p>
<p>选择哪种方法取决于你的具体需求。如果只需要知道当前行被点击了，则可以使用不传递参数的方法。如果需要获取当前行的具体数据，则可以使用传递参数的方法。</p>
<p>希望本文能够帮助你理解如何使用 <code>@row-click</code> 事件传递当前行数据。</p>