elementui表格点击按钮获取id
时间: 2023-08-22 19:04:32 浏览: 81
如果你是在 ElementUI 的表格中,可以通过在表格中添加一个列,然后在这一列中放置一个按钮来实现获取 ID 的操作。你可以在按钮的 `click` 事件中调用一个方法,将当前行的 ID 作为参数传递给该方法。以下是一个示例代码:
```html
<template>
<el-table :data="tableData">
<el-table-column prop="id" label="ID"></el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button @click="handleClick(scope.row.id)">获取ID</el-button>
</template>
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ id: 1, name: '张三', age: 20 },
{ id: 2, name: '李四', age: 22 },
{ id: 3, name: '王五', age: 24 }
]
};
},
methods: {
handleClick(id) {
console.log('当前行的ID为:', id);
}
}
};
</script>
```
在上面的示例中,我们在表格中添加了一个列,该列包含一个按钮,按钮的 `click` 事件中调用了 `handleClick` 方法,并将当前行的 ID 作为参数传递给该方法。在 `handleClick` 方法中,我们可以通过 `id` 参数获取到当前行的 ID,并进行后续操作。
阅读全文