前言
學(xué)習(xí)vue有一段時(shí)間了,最近使用vue做了一套后臺(tái)管理系統(tǒng),其中使用最多就是遞歸組件,也因?yàn)樽约簩?duì)官方文檔的不熟悉使得自己踩了不少坑,今天寫出來和大家一起分享。
遞歸組件
組件在它的模板內(nèi)可以遞歸地調(diào)用自己,只有當(dāng)它有 name 選項(xiàng)時(shí)才可以。 在官網(wǎng)這句話就是關(guān)鍵定義組件是一定要有name屬性。按照這個(gè)思路我們開動(dòng)吧。
實(shí)現(xiàn)最終效果圖:
模擬數(shù)據(jù)格式如下:
var data = [{ "id": "1", "data": { "menuName": "項(xiàng)目管理", "menuCode": "", }, "childTreeNode": [{ "data": { "menuName": "項(xiàng)目", "menuCode": "BusProject", }, "childTreeNode": [] }, { "data": { "menuName": "我的任務(wù)", "menuCode": "BusProject", }, "childTreeNode": [] }, { "data"