vue頁面之間相互傳值的實現(xiàn)方式
更新時間：2026年03月26日 09:08:48 作者：impossible1994727
這篇文章主要介紹了vue頁面之間相互傳值的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
1、使用query傳值--地址欄可見
比如從a.vue跳轉(zhuǎn)至b.vue，傳name=‘jack’
代碼如下：
this.$router.push({
path: "/result",
query: { name: 'jack' }
});在b.vue通過地址欄的url 進行接收參數(shù)；
我是在created這個函數(shù)里面進行接收的，var name = this.$route.query.name;就可以接收到name這個參數(shù)了；
2、使用params傳值--地址欄不可見
這個方式要注意一點，在請求的時候需要寫上在router下面index.js里面的name，
可以和query一同傳值；
this.$router.push({
path: "/result",
name: "Result",
query: { name: 'name' },
params: { usersitelist: 'userlist' }
});params傳值在地址欄不可見，但是取值方式是和query一樣的，我也是在created函數(shù)里面進行取值的；
var usersitelist = this.$route.params.usersitelist;
這樣就可以取到了。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于echarts?清空上一次加載的數(shù)據(jù)問題
這篇文章主要介紹了關(guān)于echarts?清空上一次加載的數(shù)據(jù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本篇文章主要介紹了vue模擬加載更多功能（數(shù)據(jù)追加），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要介紹了vue 通過base64實現(xiàn)圖片下載功能，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
這篇文章主要介紹了vue3優(yōu)雅的使用element-plus的dialog,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
關(guān)于element?ui?表格中的常見特殊屬性說明
這篇文章主要介紹了關(guān)于element?ui?表格中的常見特殊屬性說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
在new Vue的配置參數(shù)中的computed和methods都可以處理大量的邏輯代碼，但是什么時候用哪個屬性，要好好區(qū)分一下才能做到正確的運用vue。這篇文章主要介紹了Vue中method與computed的區(qū)別,需要的朋友可以參考下2018-03-03
Vue中使用Echarts響應(yīng)式布局flexible.js+rem適配方案詳解
這篇文章主要介紹了Vue中使用Echarts響應(yīng)式布局flexible.js+rem適配方案詳解,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
這篇文章主要為大家詳細介紹了Vue實現(xiàn)天氣預(yù)報功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了vue3 vite配置跨域以及不生效問題,本文給大家分享完美解決方案，需要的朋友可以參考下2023-07-07
解決vue項目中頁面調(diào)用數(shù)據(jù) 在數(shù)據(jù)加載完畢之前出現(xiàn)undefined問題
今天小編就為大家分享一篇解決vue項目中頁面調(diào)用數(shù)據(jù) 在數(shù)據(jù)加載完畢之前出現(xiàn)undefined問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11