<el-tree
ref="elTree"
highlight-current
node-key="code"
lazy
:default-expanded-keys="defaultExpanded"
:load="loadTreeNode"
:props="defaultProps"
:expand-on-click-node="false"
@node-click="handleNodeClick">
</el-tree>
const defaultProps = reactive({
label: 'label',
children: 'children',
isLeaf: 'isLeaf'
});
const defaultExpanded = ref([]);
// 加載樹節(jié)點(diǎn)數(shù)據(jù)
async function loadTreeNode(node, resolve) {
if (node.level === 0) {
await getHrOrgRootData(node, resolve);
} else {
await getHrOrgTreeData(node, resolve);
}
}
// 獲取根節(jié)點(diǎn)數(shù)據(jù)
function getHrOrgRootData(node, resolve) {
getHrOrgRoot().then((response) => {
resolve(response.data);
});
}
// 獲取子節(jié)點(diǎn)數(shù)據(jù)
function getHrOrgTreeData(node, resolve) {
getHrOrgTree({ parentOrgCode: node.data.code }).then((response) => {
resolve(response.data);
});
}
el-tree 懶加載
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來诗良，“玉大人汹桦，你說我怎么就攤上這事鲁驶〖” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵钥弯，是天一觀的道長(zhǎng)径荔。 經(jīng)常有香客問我，道長(zhǎng)脆霎，這世上最難降的妖魔是什么总处？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮睛蛛，結(jié)果婚禮上鹦马，老公的妹妹穿的比我還像新娘。我一直安慰自己忆肾，他們只是感情好荸频，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著客冈，像睡著了一般旭从。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上场仲，一...
- 文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼蚜迅！你這毒婦竟也來了舵匾？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對(duì)情侶失蹤谁不，失蹤者是張志新（化名）和其女友劉穎坐梯，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體刹帕，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡吵血，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年谎替，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蹋辅。...
- 正文 年R本政府宣布褒傅，位于F島的核電站弃锐，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏殿托。R本人自食惡果不足惜霹菊，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望支竹。 院中可真熱鬧旋廷，春花似錦、人聲如沸礼搁。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽叹坦。三九已至熊镣，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間募书，已是汗流浹背绪囱。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像篮赢，于是被迫代替她去往敵國和親齿椅。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 這兩天在項(xiàng)目中用到element-ui的el-tree組件的懶加載启泣，遇到了全部數(shù)據(jù)刷新的問題涣脚。網(wǎng)上能搜索到的解決方...
- 有這個(gè)懶加載并且刷新需求的老鐵肯定涉及到了節(jié)點(diǎn)中子節(jié)點(diǎn)數(shù)據(jù)的增刪改！Ａ让！遣蚀！ 方法1 推薦，此方法有效避免直接調(diào)用lo...
- 其中 node-key 綁定值為唯一的id，點(diǎn)擊時(shí)獲取到的也是這個(gè)值芭梯。 props 綁定的值中险耀，label對(duì)應(yīng)的是...
- 假如我們的樹形圖含有大量的數(shù)據(jù)，一次全部加載出來會(huì)很慢玖喘，用戶體驗(yàn)不好甩牺，所以我們要做數(shù)據(jù)的分級(jí)加載，也就是懶加載累奈，但...
