0
点赞
收藏
分享

微信扫一扫

成功解决:如何通过this.$router.push(“/Login“)的方式传参,在另外一个页面接收数据的问题

爱上流星雨 2022-11-13 阅读 66


我要实现的效果、购物车中的商品信息包含了购买商品的数量和商品的折扣总价。现在我要实现的是通过点击购买按钮、将这个商品的信息展示到一个新的页面、简单的方式就是直接将这个商品的信息通过传参的形式传到另外也给页面,然后展示出来。

具体的传参(做的笔记):​​路由的query、params参数​​

核心部分

这里将要传递的参数放入params中

this.$router.push({
name: '确认订单',
params: {
goodsInfo :row
}
});

在另外一个页面接收数据

this.$route.params.goodsInfo

1、购物车页面

成功解决:如何通过this.$router.push(“/Login“)的方式传参,在另外一个页面接收数据的问题_Vue.js


点击购买按钮、将这一行的数据放到params参数中

//确认订单
confirmOrder(index,row) {
console.error("订单商品信息")
console.error(row)
this.$router.push({
name: '确认订单',
params: {
goodsInfo :row
}
});
},

2、确认订单页面

页面暂未做、在这个页面获取到传输数据。数据都获得了、具体怎样展示、随意发挥

created() {
console.error("确定订单页面:");
console.error(this.$route.params.goodsInfo);
},

3、传输的数据展示

成功解决:如何通过this.$router.push(“/Login“)的方式传参,在另外一个页面接收数据的问题_数据_02


成功解决:如何通过this.$router.push(“/Login“)的方式传参,在另外一个页面接收数据的问题_Vue.js_03

4、后语

学无止境。。。。。。


举报

相关推荐

0 条评论