今天在路由跳轉(zhuǎn)傳參時(shí)發(fā)現(xiàn)params傳參接收到的總是為空，才發(fā)現(xiàn)通過path和name傳參是有區(qū)別的

• path傳參要完整的路徑，不能帶參數(shù)。name傳參可以帶params。
• params的傳參頁(yè)面刷新會(huì)丟失，query的傳參不會(huì)丟失

• 使用path進(jìn)行跳轉(zhuǎn)：

  當(dāng)你使用path進(jìn)行跳轉(zhuǎn)時(shí)，你需要提供完整的路徑字符串，包括路徑和查詢參數(shù)（如果有的話）。例如：

    this.$router.push({ path: '/user/123' })

  使用path進(jìn)行跳轉(zhuǎn)的優(yōu)點(diǎn)是路徑是靜態(tài)的，你可以直接指定要跳轉(zhuǎn)到的路徑。但是，如果你需要傳遞參數(shù)或查詢參數(shù)，你需要手動(dòng)構(gòu)建完整的路徑字符串。

• 使用name進(jìn)行跳轉(zhuǎn)：

  當(dāng)你使用name進(jìn)行跳轉(zhuǎn)時(shí)，你只需要提供路由的名稱，而不需要手動(dòng)構(gòu)建路徑字符串。Vue Router會(huì)自動(dòng)解析并找到對(duì)應(yīng)的路徑。例如：

    this.$router.push({ name: 'User' });
  

  使用name進(jìn)行跳轉(zhuǎn)的優(yōu)點(diǎn)是你可以通過簡(jiǎn)單的名稱來(lái)指定要跳轉(zhuǎn)到的路由，而不需要手動(dòng)構(gòu)建路徑字符串。同時(shí)，Vue Router會(huì)自動(dòng)解析并找到對(duì)應(yīng)的路徑。此外，當(dāng)使用命名路由時(shí)，你還可以傳遞參數(shù)，例如：

    this.$router.push({ name: 'User', params: { userId: 123 } });
  

  這樣，Vue Router會(huì)自動(dòng)將userId參數(shù)填充到路徑中。

  總而言之，使用path和name進(jìn)行跳轉(zhuǎn)的主要區(qū)別在于：使用path時(shí)，你需要手動(dòng)構(gòu)建完整的路徑字符串；而使用name時(shí)，你可以通過簡(jiǎn)單的名稱來(lái)指定路由，并可以傳遞參數(shù)。

到此這篇關(guān)于$router.push()中通過path跳轉(zhuǎn)和通過name跳轉(zhuǎn)有什么區(qū)別的文章就介紹到這了,更多相關(guān)$router.push() 跳轉(zhuǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論