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