element ui 中table组件中的作用域插槽

最新推荐文章于 2025-05-29 15:44:01 发布

Yl郁

最新推荐文章于 2025-05-29 15:44:01 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js 前端开发语言

本文链接：https://blog.csdn.net/HiYulinlin/article/details/123829824

本文介绍了如何使用ElementUI中的Scoped Slot来操作表格数据。通过Scopedslot可以获取到row、column、$index和store等数据，并展示了如何利用这些数据实现分配权限、编辑和删除功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过 Scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据：

<template slot-scope="{ row }">
    <el-button size="small" type="success">分配权限</el-button>
    <el-button
    size="small"
    type="primary"
    @click="editRole(row.id)"
    >编辑</el-button
    >
    <el-button
    size="small"
    type="danger"
    @click="deleteRole(row.id)"
    >删除</el-button
    >
</template>

row中可以获取每一行传入的数据。

element ui

作用域插槽

关注博主即可阅读全文