新聞中心
前言
最近在工作中遇到了一個(gè)問(wèn)題,是關(guān)于vue動(dòng)態(tài)路由多級(jí)嵌套面包屑怎么弄(不是動(dòng)態(tài)路由嵌套可以嘗試用 this.$route.matched
方法獲取到path和name集合,動(dòng)態(tài)的嵌套獲取不到全部具體的id)
功能比如:A列表頁(yè)面路由如/a,點(diǎn)擊任意一列進(jìn)入任意一個(gè)A的詳情頁(yè)面名字為B,/b/03(這個(gè)是動(dòng)態(tài)路由弄是吧,03就是id嘛),點(diǎn)擊B頁(yè)面任意一列,再進(jìn)入B的詳情頁(yè)名字為C,路由如/bdetail/01;現(xiàn)在弄面包屑要獲取到的路由是剛剛打開(kāi)的,如(/a;/b/03;/bdetail/01)
思路:獲取所有進(jìn)入的層級(jí)的路由和名稱如breadlist=[{path:'/a',name:'一級(jí)'},{path:'/b/03',name:'二級(jí)'},{path:'/bdetail/01',name:'三級(jí)'}]
,然后遍歷出來(lái)如:
做法
下面貼出相關(guān)代碼:
A列表頁(yè)面跳轉(zhuǎn)按鈕:(breadNum記錄面包屑層級(jí))
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
分享題目:vue動(dòng)態(tài)路由實(shí)現(xiàn)多級(jí)嵌套面包屑的思路與方法-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址:http://www.dlmjj.cn/article/jcphp.html