vue 嵌套表格组件_vue table的行里嵌套表格,子表格数据加载不出来

本文介绍了在Vue项目中使用嵌套表格组件遇到的问题,即子表格数据无法正常显示。示例代码展示了外层表格的结构,包含子表格的展开功能,但详细描述了子表格数据未能正确渲染的状况。通过分析和解决这个问题,开发者可以学习到如何处理Vue组件中的数据绑定和渲染技巧。
摘要由CSDN通过智能技术生成

1、

2、界面代码

`

:data="tableData5"

:row-key="getRowKeys"

:expand-row-keys="expands"

style="width: 100%">

prop="tableData3"

height="300"

border

style="width: 100%">

prop="tableData3.date"

label="编号"

>

prop="name"

label="房间号"

>

prop="name"

label="房型">

prop="date"

label="性别"

>

prop="name"

label="总床位"

>

prop="address"

label="状态">

prop="date"

label="备注"

>

修改

删除

label="楼宇"

prop="names">

label="描述"

prop="desc">

修改

删除

`

数据来源:

`

tableData5: [{

names: 'S1-科技楼',

desc: '公司楼',

tableData3: [{

date: '2016-05-03',

name: '王小虎',

address: '上海市普陀区金沙江路 1518 弄'

}]

},

{

names: 'S2-科技楼',

desc: '上课喽',

tableData3: [{

date: '2016-05-03',

name: '张小虎',

address: '上海市普陀区金沙江路 32421弄'

}]

}],`

3、外层表格的每一行可以展开一个子表格,子表格的数据渲染不出来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值