el-table 点击事件传默认参数和自定义参数
时间: 2023-10-21 16:10:47 浏览: 156
el-table 点击事件可以通过 $event 参数接收到点击事件对象,也可以通过 row 参数接收到当前行的数据对象。如果需要传递自定义参数,可以通过以下两种方式实现:
1. 使用 bind 绑定事件时传递参数
在 el-table 中,可以使用 @row-click 或 @cell-click 事件来监听行或单元格的点击事件。在绑定事件时,可以使用 bind 绑定事件并传递参数。例如:
```
<el-table @row-click="handleRowClick.bind(this, '自定义参数')">
...
</el-table>
```
在 handleRowClick 方法中,第一个参数 $event 是事件对象,第二个参数是自定义参数。
2. 使用闭包传递参数
在 el-table 中,也可以使用闭包来传递自定义参数。例如:
```
<el-table @row-click="handleRowClick('自定义参数')">
...
</el-table>
```
在 handleRowClick 方法中,可以返回一个函数,该函数将在点击事件触发时执行,并且可以访问到自定义参数。例如:
```
methods: {
handleRowClick(customParam) {
return function(event, row) {
console.log(customParam, row);
}
}
}
```
在这个例子中,点击事件触发时将会执行返回的函数,该函数可以访问到自定义参数 customParam 和行数据对象 row。
阅读全文