在vue3中为<el-table :data="tableData" @click="onPush">写一个点击事件
时间: 2023-12-31 20:04:13 浏览: 135
在vue3中为<el-table :data="tableData" @click="onPush">写一个点击事件可以如下所示:
```
<template>
<el-table :data="tableData" @click="onPush">
<!-- 表格列定义 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// 表格数据
]
}
},
methods: {
onPush(row, column, event) {
// row: 当前行数据
// column: 当前列数据
// event: 事件对象
console.log(row, column, event)
// 执行对应的操作
}
}
}
</script>
```
在上述代码中,我们在<el-table>标签上绑定了@click事件,并指定了onPush方法作为事件处理函数。当用户点击表格中的某一行时,onPush方法会被调用,并传入当前行数据、当前列数据和事件对象作为参数。我们可以在onPush方法中根据需要执行对应的操作。
阅读全文