區別:1、query用path編寫傳參位址,而params用name寫傳參位址;2、query刷新頁面時參數不會消失,而params刷新頁面時參數會消失;3、query傳送的參數會顯示在url網址列中,而params傳參不會顯示在網址列中。
本文操作環境:windows10系統、Vue2.9.6版,DELL G3電腦。
query語法:
this.$router.push({path:“地址”,query:{id:“123”}}); 这是传递参数 this.$route.query.id; 这是接受参数
params語法:
this.$router.push({name:“地址”,params:{id:“123”}}); 这是传递参数 this.$route.params.id; 这是接受参数
區別:
#1 .首先就是寫法得不同,query 得寫法是 用 path 來編寫傳參地址,而 params 得寫法是用 name 來編寫傳參地址,你可以看一下編寫路由時候得相關屬性,你也可以輸出一下 路由對象訊息 看一下
2.接收方法不同, 一個用 query 來接收, 一個用 params 接收 ,總結是誰發得 誰去接收
3.query 在刷新頁面得時候參數不會消失,而 params 刷新頁面得時候會參數消失,可以考慮本地存儲解決
4.query 傳得參數都是顯示在url 地址欄當中,而 params 傳參不會顯示在地址欄
【相關推薦:《vue.js教學》】
以上是vue中query和params的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!