element ui樹形控件使用 ``` <el-scrollbar wrap-style="overflow-x:hidden;" :style="{ height: scrollerHeight }" > <el-tree v-if="loadingTree" node-key="id" :default-checked-keys="[14]" // 默認展開項 :props="defaultProps" //數據 :load="loadNode" lazy //懶加載 style="background-color: #fff" @node-click="handleNodeClick" //點擊事件 > //添加圖標及樣式 <span slot-scope="{ node }"> <i v-if="node.level === 1" style="color: #409eff" class="el-icon-office-building" /> <i v-else style="color: #409eff" class="el-icon-notebook-2" /> <span style="padding-left: 5px">{{ node.label }}</span> </span> </el-tree> </el-scrollbar> //動態計算高度 computed: { // 滾動區高度 scrollerHeight: function() { return window.innerHeight - 130 + "px"; } }, //加載樹形 // 獲取一級目錄 /* 樹形接口方法*/ getNextOrgInfo(id) { return nextOrgInfo(id); }, async loadNode(node, resolve) { this.listInfo = []; //加載第一級 if (node.level === 0) { const res = await this.getNextOrgInfo(-1); //傳固定值，查詢所有 return resolve(res); } else if (node.level > 0) { //每次點擊，獲取當前數據，傳當前的id，動態加載子級 const resChild = await this.getNextOrgInfo(node.data.id); resolve(resChild); } }, // 樹形結構點擊方法 handleNodeClick(data) { console.log(data) }, ```