首頁(yè) 猿問(wèn) 關(guān)于vue router得路由刷新問(wèn)題

關(guān)于vue router得路由刷新問(wèn)題

Vue.js

慕蓋茨4494581 2019-03-02 09:46:40

有兩個(gè)路由{ name: "article", path: '/article/:id', component: null }, { name: "new-article", path: '/article/edit', component: ArticleEdit },現(xiàn)在我在通過(guò)代碼到/article/edit頁(yè)面，然后F5刷新后，就會(huì)路由到/article/:id頁(yè)面，這個(gè)問(wèn)題該怎么處理？

查看完整描述

2 回答

慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗(yàn) 獲得超8個(gè)贊

路由會(huì)從上到下匹配，這樣你前面的/article/:id會(huì)被優(yōu)先匹配到，要避免你遇到的問(wèn)題，下面的方式可以參考一下：

可以簡(jiǎn)單地將上下兩個(gè)路由對(duì)調(diào)位置
如果你的id是自增型的id的話，你也可以寫(xiě)成/article/:id(\\d+)來(lái)對(duì)前面的路由進(jìn)行限制，詳見(jiàn)：動(dòng)態(tài)路由匹配用法
換個(gè)路徑，不要讓兩個(gè)路由匹配出現(xiàn)重疊

反對(duì) 回復(fù) 2019-03-02

精慕HU

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊

你的兩個(gè)路由名字有問(wèn)題，/article/edit 是符合 /article/:id，把編輯的改名字，不要用這種會(huì)引發(fā)潛在問(wèn)題的路由地址，我想你應(yīng)該是用路由名稱進(jìn)行跳轉(zhuǎn)的，而不是用 path，但是在刷新時(shí)，就只能根據(jù)你現(xiàn)在所處的 path 去匹配你的路由，所以會(huì)出問(wèn)題。

反對(duì) 回復(fù) 2019-03-02