用户8250147
【Vue_08】ElementUI 实现嵌套表格
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户8250147
社区首页
>
专栏
>
【Vue_08】ElementUI 实现嵌套表格
【Vue_08】ElementUI 实现嵌套表格
用户8250147
关注
发布于 2021-02-04 14:46:52
发布于 2021-02-04 14:46:52
2.9K
0
举报
文章被收录于专栏:
黑马
黑马
? 先来看效果图
一、查看 Element-UI 组件库
1. Element-UI 组件库
地址
https://element.eleme.cn/2.13/#/zh-CN/component/installation
展示
2. 选择合适的表格
我这里选取基础表格修改
二、盘它
1. 查看 Element-UI 提供的属性列表
完美找到所需要的属性
修改源代码
2. 在空位加一个封装好 Table 组件
咋们随便复制一个 Table 组件
3. 给插槽传递数据
查阅 Vue.js 官方文档
(我们可以通过 v-slot 传递)
完善源代码
绿框中 :data = "slot.row.children" => slot.row 拿到的是列表的每一行数据
本文参与
腾讯云自媒体同步曝光计划
,分享自作者个人站点/博客。
如有侵权请联系
cloudcommunity@tencent.com
删除
前往查看
children
element
row
table
ui
目录
? 先来看效果图
一、查看 Element-UI 组件库
1. Element-UI 组件库
2. 选择合适的表格
二、盘它
1. 查看 Element-UI 提供的属性列表
2. 在空位加一个封装好 Table 组件
3. 给插槽传递数据
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档