ElementUI官網提供的樹形控件能夠用清晰的層級結構展示信息,可展開或折疊。對于需要需要選擇層級的樹,其提供了show-checkbox參數,將他設置為true后便可得到一個帶多選框的樹,如圖所示:

但是有的時候,我們只希望選擇子節點,而隱藏根節點的選框。

以這條數據為例。
由于el-tree支持自定義節點內容,可以通過兩種方法進行樹節點內容的自定義:render-content和 scoped slot。我們這里使用第二種scoped slot,使用 scoped slot 會傳入兩個參數node和data,分別表示當前節點的 Node 對象和當前節點的數據。
其中,第一級的label不需要選框,第二級children下的label需要選框。在自定義節點中,我們準備好兩個span標簽,通過v-if和v-else來區分根節點與子節點。

這樣,便可以成功去掉根節點的選框,效果圖如下:




