路由傳參 query 和 params


vue路由傳參分為兩種情況:

一、query和params傳參的區別:

1、query傳參顯示參數,params傳參不顯示參數,params相對於query來說較安全一點。

2、取值方法也有不同:query取值:this.$route.query.XXX || this.$route.params.xxx

3、query傳值頁面刷新數據還在,而params傳值頁面數據消失。

二、各自寫法:

query

組件寫法(help.vue):

方式一:

 

方式二:

 

接受寫法(home.vue)

頁面渲染(home.vue):

query參數賦值到data:

 

params:

組件寫法(about.vue):

方式二:

路由寫法:

 

接受寫法:

 

頁面渲染:

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM