回显数据大致如下:
{
tag_id: 164091,
tag_value: "罗甘莓211",
tag_parent_id: 164087,
tag_level: 2,
tag_src_id: 1,
display: 1,
order_num: 164091,
colour: "#95CC7D",
children: [
{
tag_id: 164098,
tag_value: "金桔3",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164098,
colour: "#95CC7D",
children: [
{
tag_id: 164103,
tag_value: "刺角瓜4",
tag_parent_id: 164098,
tag_level: 4,
tag_src_id: 1,
display: 1,
order_num: 164103,
colour: "#95CC7D",
children: [
{
tag_id: 164106,
tag_value: "红醋栗5",
tag_parent_id: 164103,
tag_level: 5,
tag_src_id: 1,
display: 1,
order_num: 164106,
colour: "#95CC7D",
children: [
{
tag_id: 164109,
tag_value: "红心火龙果6",
tag_parent_id: 164106,
tag_level: 6,
tag_src_id: 1,
display: 1,
order_num: 164109,
colour: "#95CC7D",
children: [
{
tag_id: 164114,
tag_value: "苏里南苦樱桃7",
tag_parent_id: 164109,
tag_level: 7,
tag_src_id: 1,
display: 1,
order_num: 164114,
colour: "#95CC7D",
children: [
{
tag_id: 164119,
tag_value: "牛奶果8",
tag_parent_id: 164114,
tag_level: 8,
tag_src_id: 1,
display: 1,
order_num: 164119,
colour: "#95CC7D",
children: [
{
tag_id: 164122,
tag_value: "红毛丹9",
tag_parent_id: 164119,
tag_level: 9,
tag_src_id: 1,
display: 1,
order_num: 164122,
colour: "#95CC7D"
},
{
tag_id: 164121,
tag_value: "龙眼",
tag_parent_id: 164119,
tag_level: 9,
tag_src_id: 1,
display: 1,
order_num: 164121,
colour: "#95CC7D"
},
{
tag_id: 164120,
tag_value: "荔枝",
tag_parent_id: 164119,
tag_level: 9,
tag_src_id: 1,
display: 1,
order_num: 164120,
colour: "#95CC7D"
}
]
},
{
tag_id: 164118,
tag_value: "构树果实",
tag_parent_id: 164114,
tag_level: 8,
tag_src_id: 1,
display: 1,
order_num: 164118,
colour: "#95CC7D"
},
{
tag_id: 164117,
tag_value: "菠萝蜜",
tag_parent_id: 164114,
tag_level: 8,
tag_src_id: 1,
display: 1,
order_num: 164117,
colour: "#95CC7D"
},
{
tag_id: 164116,
tag_value: "无花果",
tag_parent_id: 164114,
tag_level: 8,
tag_src_id: 1,
display: 1,
order_num: 164116,
colour: "#95CC7D"
},
{
tag_id: 164115,
tag_value: "桑葚",
tag_parent_id: 164114,
tag_level: 8,
tag_src_id: 1,
display: 1,
order_num: 164115,
colour: "#95CC7D"
}
]
},
{
tag_id: 164113,
tag_value: "菲油果",
tag_parent_id: 164109,
tag_level: 7,
tag_src_id: 1,
display: 1,
order_num: 164113,
colour: "#95CC7D"
},
{
tag_id: 164112,
tag_value: "番石榴",
tag_parent_id: 164109,
tag_level: 7,
tag_src_id: 1,
display: 1,
order_num: 164112,
colour: "#95CC7D"
},
{
tag_id: 164111,
tag_value: "嘉宝果",
tag_parent_id: 164109,
tag_level: 7,
tag_src_id: 1,
display: 1,
order_num: 164111,
colour: "#95CC7D"
},
{
tag_id: 164110,
tag_value: "莲雾",
tag_parent_id: 164109,
tag_level: 7,
tag_src_id: 1,
display: 1,
order_num: 164110,
colour: "#95CC7D"
}
]
},
{
tag_id: 164108,
tag_value: "黄龙果",
tag_parent_id: 164106,
tag_level: 6,
tag_src_id: 1,
display: 1,
order_num: 164108,
colour: "#95CC7D"
},
{
tag_id: 164107,
tag_value: "火龙果",
tag_parent_id: 164106,
tag_level: 6,
tag_src_id: 1,
display: 1,
order_num: 164107,
colour: "#95CC7D"
}
]
},
{
tag_id: 164105,
tag_value: "黑醋栗",
tag_parent_id: 164103,
tag_level: 5,
tag_src_id: 1,
display: 1,
order_num: 164105,
colour: "#95CC7D"
},
{
tag_id: 164104,
tag_value: "醋栗",
tag_parent_id: 164103,
tag_level: 5,
tag_src_id: 1,
display: 1,
order_num: 164104,
colour: "#95CC7D"
}
]
},
{
tag_id: 164102,
tag_value: "白兰瓜",
tag_parent_id: 164098,
tag_level: 4,
tag_src_id: 1,
display: 1,
order_num: 164102,
colour: "#95CC7D"
},
{
tag_id: 164101,
tag_value: "香瓜",
tag_parent_id: 164098,
tag_level: 4,
tag_src_id: 1,
display: 1,
order_num: 164101,
colour: "#95CC7D"
},
{
tag_id: 164100,
tag_value: "哈密瓜",
tag_parent_id: 164098,
tag_level: 4,
tag_src_id: 1,
display: 1,
order_num: 164100,
colour: "#95CC7D"
},
{
tag_id: 164099,
tag_value: "西瓜",
tag_parent_id: 164098,
tag_level: 4,
tag_src_id: 1,
display: 1,
order_num: 164099,
colour: "#95CC7D"
}
]
},
{
tag_id: 164097,
tag_value: "柚子",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164097,
colour: "#95CC7D"
},
{
tag_id: 164096,
tag_value: "青柠",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164096,
colour: "#95CC7D"
},
{
tag_id: 164095,
tag_value: "柠檬",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164095,
colour: "#95CC7D"
},
{
tag_id: 164094,
tag_value: "橙子",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164094,
colour: "#95CC7D"
},
{
tag_id: 164093,
tag_value: "砂糖桔",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164093,
colour: "#95CC7D"
},
{
tag_id: 164092,
tag_value: "橘子",
tag_parent_id: 164091,
tag_level: 3,
tag_src_id: 1,
display: 1,
order_num: 164092,
colour: "#95CC7D"
}
]
}
要形成下面的数组才能完整实现回显:
[
[
164091,
164098,
164103,
164106,
164109,
164114,
164119,
164122
],
[
164091,
164098,
164103,
164106,
164109,
164114,
164119,
164121
],
[
164091,
164098,
164103,
164106,
164109,
164114,
164119,
164120
],
[
164091,
164098,
164103,
164106,
164109,
164114,
164118
],
[
164091,
164098,
164103,
164106,
164109,
164114,
164117
],
[
164091,
164098,
164103,
164106,
164109,
164114,
164116
],
[
164091,
164098,
164103,
164106,
164109,
164114,
164115
],
[
164091,
164098,
164103,
164106,
164109,
164113
],
[
164091,
164098,
164103,
164106,
164109,
164112
],
[
164091,
164098,
164103,
164106,
164109,
164111
],
[
164091,
164098,
164103,
164106,
164109,
164110
],
[
164091,
164098,
164103,
164106,
164108
],
[
164091,
164098,
164103,
164106,
164107
],
[
164091,
164098,
164103,
164105
],
[
164091,
164098,
164103,
164104
],
[
164091,
164098,
164102
],
[
164091,
164098,
164101
],
[
164091,
164098,
164100
],
[
164091,
164098,
164099
],
[
164091,
164097
],
[
164091,
164096
],
[
164091,
164095
],
[
164091,
164094
],
[
164091,
164093
],
[
164091,
164092
]
]
使用下面函数将data处理即可:
function transformDatas(datas) {
var model = []
function tree2arr(arr, str) {
arr.forEach(it => {
let newStr = str.length ? [...str, it.tag_id] : [it.tag_id];
if (it.children) {
tree2arr(it.children, newStr)
} else {
model.push(newStr)
}
})
}
tree2arr(datas, [])
return model
}