VUE elTree無(wú)子級(jí)隱藏展開圖標(biāo)方式
更新時(shí)間：2025年04月28日 14:53:41 作者：zhaocarbon
這篇文章主要介紹了VUE elTree無(wú)子級(jí)隱藏展開圖標(biāo)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
VUE elTree無(wú)子級(jí)隱藏展開圖標(biāo)
這4個(gè)并沒有下級(jí)節(jié)點(diǎn)，即它并不是葉子節(jié)點(diǎn)，就不需求展示前面的三角展開圖標(biāo)！
查閱官方文檔如下描述
支持bool和函數(shù)回調(diào)處理，這里咱們選擇更靈活的函數(shù)回調(diào)實(shí)現(xiàn)。
給el-tree結(jié)構(gòu)配置一下props
注意！ :props="defaultProps"
<el-tree :data="treeList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
在data中添加配置項(xiàng)
如下：isLeaf是一個(gè)函數(shù)，subCount 是接口返回的表明此節(jié)點(diǎn)是否還有可展開項(xiàng)的標(biāo)記，大于1時(shí)說明還有下級(jí)需要展開，否則不要展開
defaultProps: {
children: 'children',
label: 'id',
isLeaf: (data, node) => {
return data.subCount >= 1 ? false : true
}
}完成后，刷新頁(yè)面顯示正常，不再給用戶制造操作誤途
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在絕大多數(shù)情況下,Vue 推薦使用模板語(yǔ)法來(lái)創(chuàng)建應(yīng)用,然而在某些使用場(chǎng)景下,我們真的需要用到 JavaScript 完全的編程能力,這時(shí)JSX或渲染函數(shù)就派上用場(chǎng)了,下面就來(lái)介紹一下如何使用2026-02-02
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)可增刪查改的成績(jī)單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
vue3+ElementPlus+VueCropper實(shí)現(xiàn)上傳圖片功能
文章介紹了如何在Vue3、ElementPlus和VueCropper組件中實(shí)現(xiàn)圖片上傳和裁剪功能,包括放大、縮小等操作,感興趣的朋友跟隨小編一起看看吧2025-01-01
Vue3點(diǎn)擊側(cè)邊導(dǎo)航欄完成切換頁(yè)面內(nèi)組件全過程(WEB)
寫頁(yè)面的時(shí)候都會(huì)用到一些導(dǎo)航欄、點(diǎn)擊不同的部分切換不同的頁(yè)面,下面這篇文章主要給大家介紹了關(guān)于Vue3點(diǎn)擊側(cè)邊導(dǎo)航欄完成切換頁(yè)面內(nèi)組件的相關(guān)資料,需要的朋友可以參考下2023-06-06
這篇文章主要介紹了vue如何封裝Axios的get、post請(qǐng)求，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-06-06
vue3.0中使用element UI表單遍歷校驗(yàn)問題解決
本文主要介紹了vue3.0中使用element UI表單遍歷校驗(yàn)問題解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
這篇文章主要介紹了Vue3中關(guān)于setup與自定義指令，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04
Vue/React子組件實(shí)例暴露方法(TypeScript)
最近幾個(gè)月都在用TS開發(fā)各種項(xiàng)目，框架有涉及到Vue3,React18等，記錄一下Vue/React組件暴露出變量/函數(shù)的方法的寫法，對(duì)vue?react組件暴露方法相關(guān)知識(shí)感興趣的朋友跟隨小編一起看看吧2022-11-11
使用Vue實(shí)現(xiàn)移動(dòng)端左滑刪除效果附源碼
這篇文章主要介紹了使用Vue實(shí)現(xiàn)移動(dòng)端左滑刪除效果，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
下面小編就為大家分享一篇vue.js select下拉框綁定和取值方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-03-03