Ant Design Vue子表格无法展开

简介: Ant Design Vue子表格无法展开

最近使用ant_desgin 做嵌套子表格数据的展示。 发现写好了点击展开子表格无法展开,最后发现是从后端给的数据没有id号

因为之前的数据都绑定这id所以可以展开,展开应该是根据唯一值rowkey的

1. <a-table
                :expandRowByClick="true"
                :columns="columns"
                :data-source="datas"
                :row-key="(record) => record.id"
                @expand="zi"
                :expandedRowKeys="expandedRowKeys"
              />
我这个表格是靠record.id区别的 <a-table
                :expandRowByClick="true"
                :columns="columns"
                :data-source="datas"
                :row-key="(record) => record.id"
                @expand="zi"
                :expandedRowKeys="expandedRowKeys"
              />
我这个表格是靠record.id区别的

下面是我的使用过程

相关文章
|
2天前
|
JavaScript 前端开发
vue动态添加style样式
vue动态添加style样式
|
1天前
|
JavaScript API
vue学习(13)监视属性
vue学习(13)监视属性
7 2
|
1天前
|
JavaScript
vue 函数化组件
vue 函数化组件
|
1天前
|
JavaScript
vue知识点
vue知识点
6 2
|
2天前
|
JavaScript
vue中watch的用法
vue中watch的用法
|
1天前
|
JavaScript 前端开发
vue学习(15)watch和computed
vue学习(15)watch和computed
7 1
|
1天前
|
JavaScript
vue学习(14)深度监视
vue学习(14)深度监视
10 0
|
JavaScript 测试技术 容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具 检测版本 node -v npm -v 图1.png 2). 安装vue-cli(vue脚手架) npm install -g vue-cli --registry=https://registry.
1037 0
|
2天前
|
JavaScript 前端开发
Vue项目使用px2rem
Vue项目使用px2rem
|
8天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
27 9