element ui 菜單組件實(shí)現(xiàn)多級(jí)菜單渲染

因?yàn)閑lement ui 的模板不支持多級(jí)渲染菜單，需要我們自己去重構(gòu)：

那就開(kāi)始吧：我的這個(gè)需要通過(guò)路由傳參啄刹，所以做了點(diǎn)修改：

1. 新建一個(gè)組件 test.vue：上代碼：

? <div class="navMenu">

? ? <label v-for="navMenu in navMenus" :key="navMenu.entity.Id">

? ? ? ?

? ? ? <div v-if="navMenu.childs==null&&navMenu.entity" :key="navMenu.entity.Id" :data="navMenu" >? //判斷是否有子路由，

? ? ? ? <el-menu-item >

??<router-link :to="{path:navMenu.entity.url,query:{ID:navMenu.entity.Id}}">? //不需要組件提供的路由模式段只，用路由傳參傳入對(duì)應(yīng)參數(shù)

??????????? <span class="item_title">{{navMenu.entity.label}}</span>? //菜單名稱(chēng)

??????????</router-link>

? ? ? ? ? </el-menu-item>

? ? ? </div>? ? ? ?

? ? ? <el-submenu v-if="navMenu.childs&&navMenu.entity"

? ? ? ? ? ? ? ? ? :key="navMenu.entity.Id" :data="navMenu" :index="navMenu.entity.Id" >? //判斷是否有子路由税稼，

? ? ? ? <template slot="title">

? ? ? ? <i class="el-icon-location"></i>? //圖標(biāo)顯示，可根據(jù)返回的路徑動(dòng)態(tài)渲染

? ? ? ? ? <span class="item_title"> {{navMenu.entity.label}}</span>? //菜單名稱(chēng)

? ? ? ? </template>

? ? ? ? <NavMenu :navMenus="navMenu.childs"></NavMenu>? //重新調(diào)用組件郎仆，迭代

? ? ? </el-submenu>

? ? </label>

? </div>

</template>

? export default {

? ? name: 'NavMenu',

? ? props: ['navMenus'],

? ? data() {

? ? ? return {}

? ? },

? ? mounted(){

? ? ? ? console.log(this.navMenus)

? ? },

? ? methods: {}

? }

</script>

? .navMenu{

? ? width: 100%;

? ? height: 100%;

? ? background: #00142a !important;

? }

.item_title{

? color:#fff ;

? background-color: #00142a !important

}

</style>

<style>

.el-submenu .el-submenu__title{

? ? background-color: #00142a !important;

? ? color:#eee !important;

? text-align: left !important;

? }

.el-submenu .el-menu-item{

? color:#eee !important;

? background-color: #00142a !important;

}

</style>

2 . 在外部頁(yè)面引用：

?<div class="forSideHeight" style="overflow-y: scroll;">

????<el-menu

????default-active="2"

????style="padding-bottom: 90px;"

????class="el-menu-vertical-demo"

????@open="handleOpen"? ?

????@close="handleClose"

????router

????background-color="rgba(0, 21, 41, 1)"

????text-color="#fff"

????active-text-color="#ffd04b"

????active-background-color="#ffd04b">

? ? ?<NavMenu :navMenus="leftMenus.childs"></NavMenu>

? ? ? ? </el-menu>

??? ??</div>?

3.這里所用到的數(shù)據(jù)格式只祠，最好讓后端配合：

{

? ? "entity": null,

? ? "childs": [{

? ? ? ? "entity": {

? ? ? ? ? "Id": '42',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "交易管理",

? ? ? ? ? "num": "1",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? "entity": {

? ? ? ? ? ? "Id": '43',

? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? "label": "交易明細(xì)",

? ? ? ? ? ? "num": null,

? ? ? ? ? ? "remark": null,

? ? ? ? ? ? "url": "/homedetail"

? ? ? ? ? },

? ? ? ? ? "childs": null

? ? ? ? }, ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '44',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "商戶(hù)管理",

? ? ? ? ? "num": "2",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '45',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "商戶(hù)信息（直營(yíng)）",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/storelist"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '46',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "商戶(hù)信息（所有）",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/storelist2"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '47',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "代理商管理",

? ? ? ? ? "num": "3",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '48',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "代理商列表",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/agentpage"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '49',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "提現(xiàn)審批",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/approval"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '50',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "市場(chǎng)管理",

? ? ? ? ? "num": "4",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '51',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "業(yè)務(wù)員管理（直營(yíng)）",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/salesman"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '52',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "業(yè)務(wù)員管理（所有）",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/salesman2"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '53',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "二維碼管理",

? ? ? ? ? "num": "5",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '54',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "添加二維碼",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/addqrcode"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '55',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "直營(yíng)二維碼",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/qrcodelist"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '56',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "所有二維碼",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/qrcodelist2"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '57',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "設(shè)備碼管理",

? ? ? ? ? "num": "6",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '58',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "添加設(shè)備碼",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/adddevice"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '59',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "直營(yíng)設(shè)備碼",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/devicecodelist"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '60',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "所有設(shè)備碼",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/devicecodelist2"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '61',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "權(quán)限管理",

? ? ? ? ? "num": "7",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '62',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "賬號(hào)管理",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/usersupervise"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ? {

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '63',

? ? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? ? "label": "權(quán)限管理",

? ? ? ? ? ? ? "num": "7",

? ? ? ? ? ? ? "remark": null,

? ? ? ? ? ? ? "url": "/jurisdiction"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": null

? ? ? ? ? },

? ? ? ? ]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '64',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "系統(tǒng)參數(shù)管理",

? ? ? ? ? "num": "8",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? "entity": {

? ? ? ? ? ? "Id": '65',

? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? "label": "系統(tǒng)參數(shù)",

? ? ? ? ? ? "num": null,

? ? ? ? ? ? "remark": null,

? ? ? ? ? ? "url": "/system"

? ? ? ? ? },

? ? ? ? ? "childs": null

? ? ? ? }]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '75',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "菜單管理",

? ? ? ? ? "num": "9",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? "entity": {

? ? ? ? ? ? "Id": '76',

? ? ? ? ? ? 'PicName': '#',

? ? ? ? ? ? "PicUrl": '#',

? ? ? ? ? ? "label": "菜單功能管理",

? ? ? ? ? ? "num": null,

? ? ? ? ? ? "remark": null,

? ? ? ? ? ? "url": "/menu"

? ? ? ? ? },

? ? ? ? ? "childs": null

? ? ? ? }]

? ? ? },

? ? ? {

? ? ? ? "entity": {

? ? ? ? ? "Id": '88',

? ? ? ? ? 'PicName': '#',

? ? ? ? ? "PicUrl": '#',

? ? ? ? ? "label": "測(cè)試",

? ? ? ? ? "num": "10",

? ? ? ? ? "remark": null,

? ? ? ? ? "url": ""

? ? ? ? },

? ? ? ? "childs": [{

? ? ? ? ? "entity": {

? ? ? ? ? ? "Id": '89',

? ? ? ? ? ? 'PicName': '',

? ? ? ? ? ? "PicUrl": '',

? ? ? ? ? ? "label": "測(cè)試11",

? ? ? ? ? ? "num": null,

? ? ? ? ? ? "remark": '',

? ? ? ? ? ? "url": "/ab"

? ? ? ? ? },

? ? ? ? ? "childs": [{

? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? "Id": '90',

? ? ? ? ? ? ? 'PicName': '',

? ? ? ? ? ? ? "PicUrl": '',

? ? ? ? ? ? ? "label": "測(cè)dfgdfgdfg試22",

? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? "remark": '',

? ? ? ? ? ? ? "url": "/aps"

? ? ? ? ? ? },

? ? ? ? ? ? "childs": [

???????? {

? ? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? ? "Id": '91',

? ? ? ? ? ? ? ? 'PicName': '',

? ? ? ? ? ? ? ? "PicUrl": '',

? ? ? ? ? ? ? ? "label": "測(cè)dfgdgdfgdg試33",

? ? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? ? "remark": '',

? ? ? ? ? ? ? ? "url": "/ass"

? ? ? ? ? ? ? },

? ? ? ? ? ? ? "childs": [

????????? ? {

? ? ? ? ? ? ? "entity": {

? ? ? ? ? ? ? ? "Id": '92',

? ? ? ? ? ? ? ? 'PicName': '',

? ? ? ? ? ? ? ? "PicUrl": '',

? ? ? ? ? ? ? ? "label": "測(cè)試3jodfguhiu33",

? ? ? ? ? ? ? ? "num": null,

? ? ? ? ? ? ? ? "remark": '',

? ? ? ? ? ? ? ? "url": "/ass5"

? ? ? ? ? ? ? },

? ? ? ? ? ? ? "childs": null

?????? }

??????? ]

?????? }

?????? ]

? ? ? ? ? }]

? ? ? ? }]

? ? ? },

? ? ]

? }

最后編輯于：2019.10.11 10:23:43

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個(gè)濱河市扰肌，隨后出現(xiàn)的幾起案子抛寝，更是在濱河造成了極大的恐慌，老刑警劉巖曙旭，帶你破解...
沈念sama閱讀 216,843評(píng)論 6贊 502
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件盗舰，死亡現(xiàn)場(chǎng)離奇詭異，居然都是意外死亡桂躏，警方通過(guò)查閱死者的電腦和手機(jī)钻趋，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,538評(píng)論 3贊 392
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門(mén)剂习，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蛮位，“玉大人，你說(shuō)我怎么就攤上這事失仁』ィ” “怎么了陶因？”我有些...
開(kāi)封第一講書(shū)人閱讀 163,187評(píng)論 0贊 353
道士緝兇錄：失蹤的賣(mài)姜人
文/不壞的土叔我叫張陵垂蜗，是天一觀(guān)的道長(zhǎng)楷扬。經(jīng)常有香客問(wèn)我，道長(zhǎng)贴见，這世上最難降的妖魔是什么烘苹？我笑而不...
開(kāi)封第一講書(shū)人閱讀 58,264評(píng)論 1贊 292
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮片部，結(jié)果婚禮上镣衡，老公的妹妹穿的比我還像新娘。我一直安慰自己档悠，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 67,289評(píng)論 6贊 390
惡毒庶女頂嫁案：這布局不是一般人想出來(lái)的
文/花漫我一把揭開(kāi)白布惰说。她就那樣靜靜地躺著缘回，像睡著了一般。火紅的嫁衣襯著肌膚如雪您觉。梳的紋絲不亂的頭發(fā)上琳水，一...
開(kāi)封第一講書(shū)人閱讀 51,231評(píng)論 1贊 299
城市分裂傳說(shuō)
那天炫刷，我揣著相機(jī)與錄音绍申，去河邊找鬼极阅。笑死筋搏，一個(gè)胖子當(dāng)著我的面吹牛奔脐，可吹牛的內(nèi)容都是我干的。我是一名探鬼主播峦朗，決...
沈念sama閱讀 40,116評(píng)論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開(kāi)眼，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼橄维！你這毒婦竟也來(lái)了尺铣？” 一聲冷哼從身側(cè)響起，我...
開(kāi)封第一講書(shū)人閱讀 38,945評(píng)論 0贊 275
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤争舞，失蹤者是張志新（化名）和其女友劉穎凛忿，沒(méi)想到半個(gè)月后，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體兑障，經(jīng)...
沈念sama閱讀 45,367評(píng)論 1贊 313
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡侄非，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,581評(píng)論 2贊 333
?白月光啟示錄
正文我和宋清朗相戀三年蕉汪，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片逞怨。...
茶點(diǎn)故事閱讀 39,754評(píng)論 1贊 348
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡者疤，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出叠赦，到底是詐尸還是另有隱情驹马，我是刑警寧澤，帶...
沈念sama閱讀 35,458評(píng)論 5贊 344
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布除秀，位于F島的核電站糯累，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏册踩。R本人自食惡果不足惜泳姐，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,068評(píng)論 3贊 327
男人毒藥：我在死后第九天來(lái)索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望暂吉。院中可真熱鬧胖秒，春花似錦、人聲如沸慕的。這莊子的主人今日做“春日...
開(kāi)封第一講書(shū)人閱讀 31,692評(píng)論 0贊 22
一樁弒父案，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)肮街。三九已至风题，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間嫉父，已是汗流浹背沛硅。一陣腳步聲響...
開(kāi)封第一講書(shū)人閱讀 32,842評(píng)論 1贊 269
情欲美人皮
我被黑心中介騙來(lái)泰國(guó)打工，沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留熔号，地道東北人稽鞭。一個(gè)月前我還...
沈念sama閱讀 47,797評(píng)論 2贊 369
代替公主和親
正文我出身青樓，卻偏偏與公主長(zhǎng)得像引镊，于是被迫代替她去往敵國(guó)和親朦蕴。傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,654評(píng)論 2贊 354

element ui 菜單組件實(shí)現(xiàn)多級(jí)菜單渲染

推薦閱讀更多精彩內(nèi)容