Firestore Realtime Database 對於 Array 的建置
在 Firebase 對於 Realtime Database 的初步使用 中有談到建立一個節點 vue2-spa
,要給這個節點一個 名稱 (name) 及 值 (value) 才可以。但在 Vuetify 的 TreeMenu 並不需要,它需要的是 array 的結構。
treeItems: [ { name: "Home", file: "home", to: "/home", }, { name: "Menu Demo", children: [ { name: "TreeMenu", file: "tree", to: "/learning-TreeMenu", codepen: "OJbYdBJ", }, { name: "ListMenu", file: "tree", to: "/learning-ListMenu", codepen: "NWbVqqW", }, ], }, { name: "Layout Demo", children: [ { name: "Top&Aside", file: "tree", to: "/learning-Top&Aside", codepen: "ExNMEdP", }, ], }, ],
在 Firebase 的 Realtime Database 建置也可以如下圖,就可以得到如 Array 的 json 結構資料了。
實際的展示可以參考展示網址 : https://polinwei.github.io/vue2-vuetify/
你必須 登入 才能發表評論。