Vue 路由傳參的三種常用方法

2021-10-23 13:43:46 字數 570 閱讀 5730

在實現vue多介面應用中,我們經常需要在頁面跳轉時講數值傳遞到另乙個頁面,那麼下面就來介紹下實現路由傳參的三種方法。

傳遞方法(id為引數)

this.$router.push('

})

接收方法

this.$route.params.id
傳遞方法

this.$router.push(

})

接收方法

this.$route.params.id
注意,params裡params方法當接收頁面重新整理引數會丟失!想要重新整理不丟失的話看下乙個query方法。

傳遞方法

this.$router.push(

})

接收方法

this.$route.query.id
路由傳參就是這三個常用的方法,下期給大家詳細講下vue的路由使用~

vue路由傳參三種方式

vue路由傳參分為三種方式 url形如 http localhost 8080 path 1 true 1 方法中使用模板字串 methods 2 在路由配置檔案中進行引數名配置 3 子頁面通過params接收引數 export default test02 created this console...

Vue路由傳參的三種方式

第一種 父元件 getdescribe1 id 路由 另外路由需要配置,在path中新增 id來對應 router.push 中path攜帶的引數 這種方法引數值會跟在url後面,子元件通過this.route.params.id獲取傳過去的引數 第二種父元件 通過路由屬性中的name來確定匹配的路...

路由傳參的三種方法

專案中很多情況下都需要進行路由之間的傳值,想過很多種方式 sessionstorage localstorage cookie 進行離線快取儲存也可以,用vuex也可以,不過有些大材小用吧,不管怎麼說因場景而異 下面我來說下vue自帶的路由傳參的三種基本方式 先有如下場景 點選當前頁的某個按鈕跳轉到...