Vue 詳解設定路由導航的兩種方法

2021-09-26 10:56:39 字數 722 閱讀 8708

一、// 字串

// 物件

// 命名路由

//直接路由帶路由引數params,params 不生效,如果提供了 path,params 會被忽略

二、router.push(...)方法

同樣的規則也適用於router.push(...)方法。

// 字串

// 物件

// 命名路由

//直接路由帶路由引數params,params 不生效,如果提供了 path,params 會被忽略

三、注意點

1、關於帶引數的路由總結如下:

無論是直接路由「path" 還是命名路由「name」,帶查詢引數query,位址列會變成「/url?查詢引數名:查詢引數值「;

直接路由「path" 帶路由引數params params 不生效;

命名路由「name" 帶路由引數params 位址列保持是「/url/路由引數值」;

2、設定路由map裡的path值:

3、獲取引數方法:

在元件中:  }

在js裡: this.$route.params.color

Vue 詳解設定路由導航的兩種方法

一 字串 物件 命名路由 直接路由帶路由引數params,params 不生效,如果提供了 path,params 會被忽略二 router.push 方法 同樣的規則也適用於router.push 方法。字串 物件 命名路由三 注意點 1 關於帶引數的路由總結如下 無論是直接路由 path 還是命...

vue路由的兩種方式(路由傳參)

query和params區別 query類似 get,跳轉之後頁面 url後面會拼接引數,類似?id 1,非重要性的可以這樣傳,密碼之類還是用params重新整理頁面id還在 params類似 post,跳轉之後頁面 url後面不會拼接引數 但是重新整理頁面id 會消失 一 宣告式 router l...

vue路由傳參的兩種方式

路由傳參的兩種方式params和query params相當於post,引數資訊不會顯示在位址列中,query相當於get,會把引數資訊暴露在位址列中 params傳參 第一步 在router.js中配置路由 例 import params from components params index ...