element-plus获取表格当前行数据
<el-table :data="filmList.result">
<el-table-column prop="id" label="编号" width="140"/>
<el-table-column prop="title" label="书名" width="120"/>
<el-table-column prop="price" label="价格"/>
<el-table-column prop="author" label="作者"/>
<el-table-column label="修改/删除">
<template v-slot="scope">
<el-button type="primary" @click="handleClick(scope.row)">修改</el-button>
<el-button type="danger">删除</el-button>
</template>
</el-table-column>
</el-table>
这是element-plus的表格
当时我想要获取当前行的数据,通过点击修改和删除这两个按钮对数据进行操作
如何得到当前行数据让我查资料查了很久,特此记录
<template v-slot="scope">
<el-button type="primary" @click="handleClick(scope.row)">修改</el-button>
<el-button type="danger">删除</el-button>
</template>
在表格中,需要使用按钮的地方使用template标签包裹
添加v-slot="scope"在标签里
给方法传递scope.row即可拿到当前行的数据