Vue框架在项目开发中如何实现组件的复用？
- 内容介绍
- 文章标签
- 相关推荐
本文共计723个文字，预计阅读时间需要3分钟。
说明：el-table 有一个表格格式，可以展示一级和二级数据，类似于这种就可以用递归实现。
数据结构如下：tableData: [ {name: Lucy, age: 18, mobile: 1111111111, type: 1, friends: [ {name: Lucy-fri} ]}]
说明： el-table有一个表格一级数据和二级数据显示的是一样的，像这种就可以用递归实现。
数据结构是这样子的：
tableData:[{ name: "Lucy", age: 18, mobile: "11111111111", type: 1, friends:[{ name: "Lucy-friend1"， age: 16, mobile: "11111111111" },{ name: "Lucy-friend2"， age: 16, mobile: "11111111111" }] }]
像以上这种数据结构想要如下图一样显示：
我用的是el-table组件，所以单独建了一个组件用于表格递归显示。
本文共计723个文字，预计阅读时间需要3分钟。
说明：el-table 有一个表格格式，可以展示一级和二级数据，类似于这种就可以用递归实现。
数据结构如下：tableData: [ {name: Lucy, age: 18, mobile: 1111111111, type: 1, friends: [ {name: Lucy-fri} ]}]
说明： el-table有一个表格一级数据和二级数据显示的是一样的，像这种就可以用递归实现。
数据结构是这样子的：
tableData:[{ name: "Lucy", age: 18, mobile: "11111111111", type: 1, friends:[{ name: "Lucy-friend1"， age: 16, mobile: "11111111111" },{ name: "Lucy-friend2"， age: 16, mobile: "11111111111" }] }]
像以上这种数据结构想要如下图一样显示：
我用的是el-table组件，所以单独建了一个组件用于表格递归显示。