因工作业务需求,需要展示一个多层嵌套的数据结构,现整理如下,分享给需要的朋友,应用框架vue2。
初始的数据结构如下:
new Vue({
el:"#table1",
data:{
table1:[{
order: "ex-20171006",
table2: [{
kind: '苹果',
table3: [{
variety: '红富士',
origin: '山东-德州'
},{
variety: '蓝富士',
origin: '山东-威海'
}]
},{
kind: '梨',
table3: [{
variety: '大鸭梨',
origin: '山西-大同'
},{
variety: '雪花梨',
origin: '山西-太原'
}]
}]
}]
}
})
HTML部分:
<table id="table1">
<tr>
<th>序号</th>
<