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

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

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)在我在通過代碼到/article/edit頁面，然后F5刷新后，就會(huì)路由到/article/:id頁面，這個(gè)問題該怎么處理？

查看完整描述

2 回答

慕桂英3389331

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

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

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

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

精慕HU

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

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

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