ElementUI 事件回调函数传参技巧与自定义参数应用

<template>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      label="操作">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row, scope.$index, ...arguments)">点击我</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ date: '2016-05-02', name: '王小虎' }, { date: '2016-05-04', name: '张小刚' }]
    }
  },
  methods: {
    handleClick(row, index, event) {
      console.log(row, index, event);
      // 这里可以添加你的逻辑代码
    }
  }
}
</script>

这个例子中，我们使用了scope.row来获取当前行的数据，scope.$index来获取当前行的索引，并且利用...arguments来获取其他事件回调函数默认传递的参数（例如事件对象event）。这样，我们就可以在handleClick方法中接收到这三个参数，并且可以根据需要进行自定义的处理。