脚本宝典收集整理的这篇文章主要介绍了vue-router query和params传参(接收参数)$router $route的区别,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
传参:
this.$router.push({
path:'/xxx',
query:{
id:id
}
})
接收参数:
this.$route.query.id
注意:传参是this.$router,接收参数是this.$route,这里千万要看清了!!!
this.$router 和this.$route有何区别?
在控制台打印两者可以很明显的看出两者的一些区别:
传参:
this.$router.push({
name:'xxx',
params:{
id:id
}
})
接收参数:
this.$route.params.id
注意:params传参,push里面只能是 name:'xxxx',不能是path:'/xxx',因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!!
vue的自学之路还得继续走,坑还会继续踩,下一个坑会是神马...
以上是脚本宝典为你收集整理的vue-router query和params传参(接收参数)$router $route的区别全部内容,希望文章能够帮你解决vue-router query和params传参(接收参数)$router $route的区别所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。