之前已經(jīng)基于el-tree實現(xiàn)了一個只有最后一級子節(jié)點可選擇的層級選擇器。點擊此鏈接>>查看。
現(xiàn)在希望實現(xiàn)選中之后,右邊能同步展示已選擇的內(nèi)容。如圖:
后臺數(shù)據(jù)如圖所示,將獲取到的數(shù)據(jù)綁定到el-tree上,
現(xiàn)在checkList數(shù)組中存的是每一條數(shù)據(jù)的label值。想實現(xiàn)右邊同步展示已選擇的內(nèi)容,只需要為其綁定checkList數(shù)組即可,如圖所示:
Ps:右邊使用的是vuedragger拖拽,有關(guān)拖拽的內(nèi)容可以點擊此鏈接>>查看。
這樣我們想要的功能就實現(xiàn)了。