vue对table的某一行的数据进行编辑，删除，查看详情操作

最新推荐文章于 2024-08-07 12:59:51 发布

置顶小学生也要加班

最新推荐文章于 2024-08-07 12:59:51 发布

阅读量2.9k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_44281416/article/details/108884287

版权

效果图在这里插入图片描述
在html中需要对button按钮进行template包裹，scope.row就是这一行的数据

<el-table-column label="操作">
<template slot-scope="scope">
<el-button type="primary" @click="editProgram(scope.row)">编辑</el-button>
<el-button type="danger"  @click="del(scope.row)">删除</el-button>
<el-button type="primary" @click="showDetail(scope.row)">详情</el-button>
</template>
</el-table-column>