vue-tree-demo
一個(gè)vue 遞歸組件時(shí)間的 樹demo
簡(jiǎn)單介紹
各大UI組件庫(kù) 基本都有自己tree組件,但是我們的需求可能更復(fù)雜禾乘,對(duì)于直接使用組件
可能要閱讀大量的api進(jìn)行設(shè)置,個(gè)人認(rèn)為不是一個(gè)好的辦法涡驮,因?yàn)檫@個(gè)組件通常需要深度定制
更好的辦法欧瘪,應(yīng)該是有一個(gè)最基本不帶有任何ui的自定義組件
這樣可以更好的跟各種ui框架融合题篷,并且可以自己深度定制镇辉,比如增加時(shí)間屡穗,增加按鈕等操作。
實(shí)現(xiàn)思路
就是vue的 組件遞歸思路忽肛,一共兩個(gè)文件 treeMenus 組件遞歸自身村砂,然后重新格式化數(shù)據(jù),設(shè)置組件的層級(jí)屹逛,level础废,
通過level來(lái)實(shí)現(xiàn)層級(jí)的偏移量,達(dá)到樹形的效果罕模,然后就根據(jù)自身的需求评腺,增加icon 增加響應(yīng)事件,根據(jù)自己需要定制開發(fā)淑掌。
項(xiàng)目地址: https://github.com/lizhongyi/vue-tree-demo