数据结构是这样子的
params: [
{
id: 1,
label: '标签1',
children: [{
id: 4,
label: 'aaa',
children: [{
id: 9,
label: 'bbb',
rects: [
{
minh: 300,
minw: 300,
},
{
minh: 300,
minw: 300,
}
],
}, {
id: 10,
label: 'ccc'
}]
}]
},
{
id: 2,
label: '标签2',
children: [{
id: 5,
label: '二级 2-1'
}, {
id: 6,
label: '二级 2-2'
}]
}
],
寻找id 为 9 的叶子节点,并返回其rects的值
searchId(index, obj) {
if(obj instanceof Array){
for(var i in obj) {
if(obj[i].children) {
this.searchId(index, obj[i].children);
} else {
if(obj[i].id.toString() === index) {
this.customParams = obj[i].rects;
return
}
}
}
} else {
if(obj.id.toString() === index) {
return obj[i].rects;
}
}
},
template部分是这样子的
<el-menu
ref="healthMenu"
:default-active="defaultActive"
class="el-menu-vertical-demo"
@open="handleOpen"
@close="handleClose"
background-color="#2A2A2A"
text-color="#8A8A8A"
active-text-color="#FFFFFF"
:default-openeds="defaultOpeneds"
@select="selectItems">
<MenuTree :menuData="treeData"></MenuTree>
</el-menu>
完毕










网友评论