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即可拿到当前行的数据

作者:Esofar

出处:https://www.cnblogs.com/Hqqqq/p/18178217

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   HuangQiaoqi  阅读(1058)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示