在vue中绘制自定义树图图形:
vue中根据得到的Json字符串数据
这一堆都是我从后台得到的json数据:
[{“IN_MAT_NO_1”:“”,“MAT_SEQ_NO”:1.0,“OUT_MAT_NO”:“1311649715200”,“PRE_UNIT_CODE”:“S001”},{“IN_MAT_NO_1”:“1311649715200”,“MAT_SEQ_NO”:2.0,“OUT_MAT_NO”:“117773709700”,“PRE_UNIT_CODE”:“H031”},{“IN_MAT_NO_1”:“117773709700”,“MAT_SEQ_NO”:3.0,“OUT_MAT_NO”:“117773709701”,“PRE_UNIT_CODE”:“H079”},{“IN_MAT_NO_1”:“117773709701”,“MAT_SEQ_NO”:4.0,“OUT_MAT_NO”:“1103000063”,“PRE_UNIT_CODE”:“H04A”},{“IN_MAT_NO_1”:“117773709701”,“MAT_SEQ_NO”:4.0,“OUT_MAT_NO”:“1103000064”,“PRE_UNIT_CODE”:“H04A”},{“IN_MAT_NO_1”:“117773709701”,“MAT_SEQ_NO”:4.0,“OUT_MAT_NO”:“1103000061”,“PRE_UNIT_CODE”:“H04A”},{“IN_MAT_NO_1”:“117773709701”,“MAT_SEQ_NO”:4.0,“OUT_MAT_NO”:“1103000062”,“PRE_UNIT_CODE”:“H04A”},{“IN_MAT_NO_1”:“117773709701”,“MAT_SEQ_NO”:4.0,“OUT_MAT_NO”:“1103000059”,“PRE_UNIT_CODE”:“H04A”},{“IN_MAT_NO_1”:“1103000064”,“MAT_SEQ_NO”:5.0,“OUT_MAT_NO”:“1173005012”,“PRE_UNIT_CODE”:“H077”}]
其中MAT_SEQ_NO为排序号,IN_MAT_NO_1为父节点
1.将Json字符串数据解析为JavaScript对象数组。
let data = JSON.parse(jsonString);