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