鍍金池/ 問答/HTML/ vue框架,如何實(shí)現(xiàn)路由無(wú)限層級(jí)跳轉(zhuǎn)?

vue框架,如何實(shí)現(xiàn)路由無(wú)限層級(jí)跳轉(zhuǎn)?

類似GitHub倉(cāng)庫(kù)首頁(yè),進(jìn)入某個(gè)文件詳情頁(yè)。
比如倉(cāng)庫(kù)根目錄下有個(gè)src文件夾,src里可能還有文件夾。
場(chǎng)景是,有個(gè)文件如a.js,如果a.js在src下路徑匹配是/src/:name,瀏覽器地址欄顯示為url/src/a.js。如果a.js在src下的某個(gè)文件夾如a中,那么路徑匹配為/src/a/:name,瀏覽器地址欄顯示為url/a/a.js?,F(xiàn)在的問題是我并不知道a.js在哪個(gè)文件夾下,也不知道要查看的文件處于被嵌套了多少層文件夾的文件夾中。那么路由應(yīng)該如何匹配?或者有沒有其他實(shí)現(xiàn)的方式。考慮過通過查詢參數(shù)的方式實(shí)現(xiàn)需求,但瀏覽器地址欄的地址沒法顯示為文件具體路徑,所以暫時(shí)放棄了。
如果上面的描述還不夠清晰,可以參考瀏覽下GitHub倉(cāng)庫(kù)首頁(yè)進(jìn)入某個(gè)文件詳情是瀏覽器地址欄的顯示。也可留言說(shuō)明。
謝謝看到問題的你們,希望可以多溝通,甚至得到解決方案。

回答
編輯回答
陌離殤

使用絕對(duì)地址

2017年1月19日 07:27
編輯回答
卟乖
import Router from 'vue-router';

const Explorer={
    name:'Explorer',
    template:`
        <div>
            {{$route.path}}
        </div>
    `
}

var router=new Router({
    {
        name:'explorer',
        path:'/explorer/*',
        component:Explorer
    }
});
2018年4月24日 02:53