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