ElementUI官網(wǎng)提供的樹形控件能夠用清晰的層級結(jié)構(gòu)展示信息，可展開或折疊。對于需要需要選擇層級的樹，其提供了show-checkbox參數(shù)，將他設(shè)置為true后便可得到一個帶多選框的樹，如圖所示：
但是有的時候，我們只希望選擇子節(jié)點，而隱藏根節(jié)點的選框。
以這條數(shù)據(jù)為例。
由于el-tree支持自定義節(jié)點內(nèi)容，可以通過兩種方法進(jìn)行樹節(jié)點內(nèi)容的自定義：render-content和 scoped slot。我們這里使用第二種scoped slot，使用 scoped slot 會傳入兩個參數(shù)node和data，分別表示當(dāng)前節(jié)點的 Node 對象和當(dāng)前節(jié)點的數(shù)據(jù)。
其中，第一級的label不需要選框，第二級children下的label需要選框。在自定義節(jié)點中，我們準(zhǔn)備好兩個span標(biāo)簽，通過v-if和v-else來區(qū)分根節(jié)點與子節(jié)點。
這樣，便可以成功去掉根節(jié)點的選框，效果圖如下：
