注意:
資料需要通過父頁面傳遞進來,在模板中會造成資料溢位模板需要有name屬性,呼叫模板的父頁面的元件名稱和模板name需一致,才能實現遞迴。
//迴圈資料;資料menulist通過props傳遞
0" :key="list.resourceid" :index="list.resourcename" >
} //當有子集資料再次使用這個模板,:menulist通過props傳遞
}
2.父頁面使用元件
//template部分
//script部分
import menu from './main-components/menu.vue'; //引進選單模板
import from '../data/menu.js'; //選單資料
export default,
collapse:,
uncollapsemain:,
collapsemain:,
menulist:menudata.obj}},
methods:
},components:
}
element多層導航選單
很久沒寫部落格了原因就是懶,剛下班今天寫了個基於element導航選單實現多層選單 可以無限多層 元件核心思想就是元件遞迴 這個有時候面試會問到 可以看看這篇我寫的簡單文章 vue元件遞迴 然後就判斷children有沒有內容,沒內容就是選擇項嘛,內容就是父選單 只提供最基礎實現功能各種 可以參考e...
Element UI區域性引入 封裝
採納自大佬的筆記 傳送門 最好專門用乙個資料夾來封裝這個檔案 選擇你需要引入的區域性內容 這裡我選擇的官網的摘要,如果你引入的部分,但是觸發事件會報錯應該是你少引入了一些內容 這裡你可以選擇es6的import匯出,我這裡選擇的是node的commonjs匯出規則,包括引進也是一樣可以的 impor...
elementUI分頁元件封裝
在實際開發需求,產品需要的分頁元件比較簡單,只可以一頁頁地翻,就是為了防止用於直接翻看最後的資料 因為有一些歷史資料資料量比較大,檢視的意義不大,檢索效率比較低也比較忙,因為不希望使用者在翻頁的時候可以隨意翻看很久之前的資料 因此需要根據實際需求進行分頁元件封裝 以下封裝的分頁元件,勉強夠用,但是還...