從別人接口獲取數據，然后在前台頁面顯示一顆樹。我也是第一次使用zTree來做樹，做完之后發現自己浪費了很多時間。獲取數據上篇已經說了，這里就不在說了。
要使用zTree需要引入對應的js
官網地址：http://www.treejs.cn
引入文件完成后，開始新建我們新建一個zTree.vue文件
下面是比較關鍵的代碼：
畫圈的地方是在樹中選中的節點名字，他會顯示在這個地方。
用來存放organizeId，fullName。
setting里面的根據自己的需求進行改變 enable: 設置 zTree 是否開啟異步加載模式 默認值：false；
idKey:為主鍵 ；pIdKey:為父節點的id ； rootPId一般為-1；
url : zTree 節點數據保存節點鏈接的目標 URL 的屬性名稱。
name : zTree 節點數據保存節點名稱的屬性名稱。
通過請求后台函數，通過回調函數的數據，初始化樹，使用ztree的getNodeByParm方法根據節點數據的屬性搜索，獲取條件完全匹配的節點數據 JSON 對象，並賦值。
設置選中節點的真實的值。
第一次使用ztree在這個過程中也繞了很多路，最后才繞出來。如有不足希望給位能夠指點一下，謝謝。