自己封裝element ui樹元件的過濾

前言：vue開發專案時用到了element-ui的樹元件，但是發現一執行過濾事件，樹就全部都展開了，為了解決這個問題，只能自己先過濾數劇，再賦值給樹元件的data，就避免了一上來全部展開的尷尬。

一、簡單版本

1

data() ]
11}]
12}, ]
19}, ]
24}]
25}, ]
32}, ]
37}]
38}]39}
40},
41methods: 54}
5556
if(childrenmenu)  else66}
67}68if
(nodenew) 71}
7273
return
menunew;
74},
75             nodefillnewfromold(oldnode, newnode) ,
90             checknodeequals(node, type, name) 
94if (node.orgcode.indexof(name) === 0)  else99}
100},
101mounted()

二、公升級版本

1         filtertree(nodes, predicate, childkey = 'children') , node)

6                 const sub = this
.filtertree(node[childkey], predicate, childkey)
7if ((sub && sub.length) ||predicate(node)) 11}
12return children.length ? children : void 0
13},
14         shopfilternode(data) 
18return data.prmtype >= 0 && data.orgcode.indexof(this.groupcode) === 0;
19},
20mounted()

elementUI下拉樹元件封裝

使用元件 popover 彈出框 tree 樹形控制項 和 input 輸入框 用法 1 新建乙個.vue檔案，貼上以下元件封裝的 完全可以使用 2 在頁面需要使用下拉樹的地方呼叫即可。1 import selecttree from components selecttree selecttree...

封裝elementui 多層導航

注意 資料需要通過父頁面傳遞進來，在模板中會造成資料溢位模板需要有name屬性，呼叫模板的父頁面的元件名稱和模板name需一致，才能實現遞迴。迴圈資料 資料menulist通過props傳遞 0 key list.resourceid index list.resourcename 當有子集資料再次...

Element UI區域性引入 封裝

採納自大佬的筆記 傳送門 最好專門用乙個資料夾來封裝這個檔案 選擇你需要引入的區域性內容 這裡我選擇的官網的摘要，如果你引入的部分，但是觸發事件會報錯應該是你少引入了一些內容 這裡你可以選擇es6的import匯出，我這裡選擇的是node的commonjs匯出規則，包括引進也是一樣可以的 impor...