js 调动el-table点击事件
时间: 2023-11-30 09:42:20 浏览: 176
可以通过在el-table组件中绑定@click事件来调用js函数。在函数中,可以使用参数来接收点击的行数据,然后进行相应的操作。具体实现方法如下:
```html
<el-table :data="tableData" @row-click="handleClick">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="modifyWork(scope.row)">修改</el-button>
</template>
</el-table-column>
</el-table>
```
```javascript
methods: {
handleClick(row) {
console.log(row); // 输出点击的行数据
},
modifyWork(item) {
this.getAdministrativePost(); // 调用接口
this.dialogVisible4 = true; // 打开对话框
console.log('1434', item);
this.currentObj2 = item; // 将数据存储在这个对象中
}
}
```
阅读全文