vue router 頁面引數方式

2021-10-09 12:56:23 字數 624 閱讀 8690

1，命名路由

註冊路由的地方需要給路由命名如下圖：

this.$router.push(})
接受方法如下：

this.$route.params.userid
2，查詢引數

查詢引數其實就是在路由位址後面帶上引數和傳統的url引數一致的；

使用方法如下：

this.$router.push(});
接受方法如下：

this.$route.query.userid
router-link導航方式

params和query使用方法如下：

click to news page
click to news page
注意：1和name配對的是params，和path配對的是query

··       2.命名路由搭配params，重新整理頁面引數會丟失

3.查詢引數搭配query，重新整理頁面資料不會丟失

vue router傳遞引數的幾種方式

vue router傳遞引數分為兩大類 程式設計式導航傳遞引數有兩種型別 字串 物件。this.router.push home 想要傳遞引數主要就是以物件的方式來寫，分為兩種方式 命名路由 查詢引數，下面分別說明兩種方式的用法和注意事項。命名路由的前提就是在註冊路由的地方需要給路由命名如 命名路由...

vue router傳遞引數的幾種方式

引數在鏈結上顯示 this.router.push this.route.query.id 引數不在鏈結上顯示 this.router.push 注 採用params在必須要要在路由上配置name，否則undefined routes route.params.id html 取參 this.rou...

vue router傳遞引數的幾種方式

傳遞引數分為兩種型別 字串，物件 字串的方式是直接將路由位址以字串的方式來跳轉，這種方式簡單但不能傳遞引數 this.router.push home 想要傳遞引數主要就是以物件的方式來寫，分為兩種方式 命名路由，查詢引數 命名路由的前提是在註冊路由的地方給路由命名如 命名路由傳遞引數需要使用par...