vue编程式导航,在这里我们必须要明白一个知识点,就是params和query传参的用法。
params传参,路径不能使用path,只能使用name,不然取不到传的数据。
this.$router.push({name:'Good',params:{goodsId:id}})
取数据时用params获取
this.$route.params.goodsId
query传参,用的是path
,而不是name
,否则也会出错。
this.$router.push({path:'/Good',query:{goodsId:id}})
取数据使用query
this.$route.query.goodsId
如果使用了以上两种传参方式,使用时我们可以做一下兼容处理
this.goodsId= this.$route.query.goodsId ? this.$route.query.goodsId:this.$route.params.goodsId