编程式跳转路由并使用query动态传参

95 阅读1分钟

query传参用name传递,编程式跳转路由并传参

this.$router.push({name:'addcartsuccess',query:{skuNum:this.skuNum}});

参数使用

截屏2022-04-13 下午11.01.40.png

链接式路由跳转,注意:to是为了能使用js语法块,也称为响应式属性,当路由跳转到某一个页面则需要路径一模一样,回跳到原详情页则和原详情页一样,带相关联的ID进行回跳

<router-link href="javascript:" class="sui-btn btn-xlarge" :to="`/detail/${skuInfo.id}`">查看商品详情</router-link>

截屏2022-04-13 下午11.22.09.png