資訊專欄INFORMATION COLUMN
今天做項(xiàng)目時(shí)踩到了vue-router傳參的坑（query和params），所以決定總結(jié)一下二者的區(qū)別。 直接總結(jié)干貨?。?！ 1.query方式傳參和接收參數(shù)
傳參:
this.$router.push({
path:"/xxx",
query:{
id:id
}
})
接收參數(shù):
this.$route.query.id
注意:傳參是this.$router,接收參數(shù)是this.$route,這里千萬(wàn)要看清了?。?！
this.$router 和this.$route有何區(qū)別？
在控制臺(tái)打印兩者可以很明顯的看出兩者的一些區(qū)別：
1.$router為VueRouter實(shí)例，想要導(dǎo)航到不同URL，則使用$router.push方法
2.$route為當(dāng)前router跳轉(zhuǎn)對(duì)象，里面可以獲取name、path、query、params等
2.params方式傳參和接收參數(shù)傳參:
this.$router.push({
name:"xxx",
params:{
id:id
}
})
接收參數(shù):
this.$route.params.id
注意:params傳參，push里面只能是 name:"xxxx",不能是path:"/xxx",因?yàn)閜arams只能用name來(lái)引入路由，如果這里寫成了path，接收參數(shù)頁(yè)面會(huì)是undefined?。。?/b>
另外，二者還有點(diǎn)區(qū)別，直白的來(lái)說(shuō)query相當(dāng)于get請(qǐng)求，頁(yè)面跳轉(zhuǎn)的時(shí)候，可以在地址欄看到請(qǐng)求參數(shù)，而params相當(dāng)于post請(qǐng)求，參數(shù)不會(huì)再地址欄中顯示vue的自學(xué)之路還得繼續(xù)走，坑還會(huì)繼續(xù)踩，下一個(gè)坑會(huì)是神馬...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/90714.html
摘要：路由模塊的本質(zhì)就是建立起和頁(yè)面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來(lái)匹配路由，然后通過來(lái)傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面，通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來(lái)一樣直接用標(biāo)簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問...
摘要：路由模塊的本質(zhì)就是建立起和頁(yè)面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來(lái)匹配路由，然后通過來(lái)傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面，通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來(lái)一樣直接用標(biāo)簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問...
摘要：路由模塊的本質(zhì)就是建立起和頁(yè)面之間的映射關(guān)系。這時(shí)候我們可以直接利用傳值了使用來(lái)匹配路由，然后通過來(lái)傳遞參數(shù)跳轉(zhuǎn)對(duì)應(yīng)路由配置于是我們可以獲取參數(shù)六配置子路由二級(jí)路由實(shí)際生活中的應(yīng)用界面，通常由多層嵌套的組件組合而成。 一、前言 要學(xué)習(xí)vue-router就要先知道這里的路由是什么？為什么我們不能像原來(lái)一樣直接用標(biāo)簽編寫鏈接哪？vue-router如何使用？常見路由操作有哪些？等等這些問...
摘要：也可以從其他文件進(jìn)來(lái)定義路由每個(gè)路由應(yīng)該映射一個(gè)組件。其中可以是通過創(chuàng)建的組件構(gòu)造器，或者，只是一個(gè)組件配置對(duì)象。 路由跳轉(zhuǎn) - 超鏈接方式跳轉(zhuǎn) html： Hello App! Go to Foo Go to Bar router.js...
摘要：路由模塊的本質(zhì)就是建立起和頁(yè)面之間的映射關(guān)系。模式的原理是事件監(jiān)測(cè)值變化，可以在對(duì)象上監(jiān)聽這個(gè)事件。這兩個(gè)方法應(yīng)用于瀏覽器記錄棧，在當(dāng)前已有的基礎(chǔ)之上，它們提供了對(duì)歷史記錄修改的功能。 vue-router 這里的路由并不是指我們平時(shí)所說(shuō)的硬件路由器，這里的路由就是SPA（單頁(yè)應(yīng)用）的路徑管理器。再通俗的說(shuō)，vue-router就是WebApp的鏈接路徑管理系統(tǒng)。vue-router是...
閱讀 2293·2021-11-15 11:37
閱讀 2962·2021-09-01 10:41
閱讀 797·2019-12-27 11:58
閱讀 753·2019-08-30 15:54
閱讀 719·2019-08-30 13:52
閱讀 2936·2019-08-29 12:22
閱讀 1080·2019-08-28 18:27
閱讀 1458·2019-08-26 18:42
