vue路由跳轉(zhuǎn)， vue路由跳轉(zhuǎn)的方法是什么？不知道小伙伴們今天來看看邊肖的分享吧！
方法1:路由器鏈接(聲明式路由)
1.不帶參數(shù)
router-link :to={name:home}
router-link:to={ path:/home }//name，path都行，建議用名字
//注意：如果router-link中的鏈接是/則從根路由開始，如果沒有/則從當(dāng)前路由開始。
2、帶參數(shù)
router-link :to={name:home, params: {id:1}}
//params傳遞參數(shù)(類似于post)
//Routing configuration path: /home/:id or path: /home:id
//如果沒有配置path，可以第一次請求，刷新頁面id會消失。
//配置路徑，保留刷新頁面id。
//html取參$route.params.id
//The script takes this. $route.params.id
router-link :to={name:home, query: {id:1}}
方法2: router.push(編程路由)
//字符串
router.push(home)
//對象
router.push({ path: home })
//命名路由
router.push({ name: user, params: { userId: 123 }})
//帶查詢參數(shù)，改成/register？計劃=私人
router.push({ path: register, query: { plan: private }})
注意：如果提供了path，params將被忽略，這與上面示例中的查詢不同。相反，您需要提供路由的名稱或?qū)懸粋€完整的路徑，并帶有參數(shù)：
const userId=123
router.push({ name: user, params: { userId }}) //- /user/123
router.push({ path: `/user/${userId}` }) //- /user/123
//此處的參數(shù)不生效
router.push({ path: /user, params: { userId }}) //- /user
方法三：這個。$router.push()(在函數(shù)中調(diào)用)
1.不帶參數(shù)
this.$router.push(/home)
this.$router.push({name:home})
this.$router.push({path:/home})
2、查詢參數(shù)
this.$router.push({name:home,query: {id:1}})
this.$router.push({path:/home,query: {id:1}})
//html取參$route.query.id
//The script takes this. $route.query.id
3. Parameter transmission
這個. router.push({name:home，params: {id:1}}) //只能用名字
//Routing configuration path: /home/:id or path: /home:id,
//如果沒有配置path，可以第一次請求，刷新頁面id會消失。
//配置路徑，保留刷新頁面id。
//html取參$route.params.id
//The script takes this. $route.params.id
4. Difference between query and parameters
查詢類似于get，跳轉(zhuǎn)之后參數(shù)會拼接在頁面的url之后，類似？Id=1，不重要的可以這樣傳，密碼之類的還是可以用params刷新，Id還在。
Params類似于post。跳轉(zhuǎn)后，頁面url后不會拼接參數(shù)，但刷新頁面id會消失。
Method 4: This. $router.replace () (same usage as above, push)
Method 5: This. $router.go(n)()
this.$router.go(n)
向前或向后跳轉(zhuǎn)n頁，其中n可以是正整數(shù)或負(fù)整數(shù)。
Ps:區(qū)別
this.$router.push
跳轉(zhuǎn)到指定的url路徑，并將記錄添加到歷史堆棧中。單擊“上一步”返回上一頁。
this.$router.replace
跳轉(zhuǎn)到指定的url路徑，但是歷史堆棧中不會有記錄。點擊返回跳轉(zhuǎn)到上一頁(即直接替換當(dāng)前頁面)。
this.$router.go(n)
向前或向后跳轉(zhuǎn)n頁，其中n可以是正整數(shù)或負(fù)整數(shù)。
注意：
獲取route上面的參數(shù)，使用不帶r的$route。
參數(shù)是路線的一部分，必須可用。查詢是url之后拼接的參數(shù)，不存在也沒關(guān)系。
一旦在路線中設(shè)置了參數(shù)，參數(shù)就是路線的一部分。如果這個路由有params參數(shù)，但是跳轉(zhuǎn)時沒有傳遞這個參數(shù)，跳轉(zhuǎn)會失敗或者頁面沒有內(nèi)容。
Params和query可以在不設(shè)置的情況下傳遞，但是當(dāng)params未設(shè)置時，刷新頁面或返回參數(shù)將會丟失。
vue路由跳轉(zhuǎn)，以上就是本文為您收集整理的vue路由跳轉(zhuǎn)最新內(nèi)容，希望能幫到您！更多相關(guān)內(nèi)容歡迎關(guān)注。
