vue编程式导航

vue项目中使用到了组件间传值,通过路由跳转实现从产品页进入产品详情页查看功能。

使用了this.$router.push(编程式导航)

product页面中:因为只需要遮住产品列表页来显示产品详情页,所以添加了router-view

点击列表后,传递产品id,作为params的内容。

productDetail页中:首先获取传递过来的id,然后就可以进行后续逻辑操作(数据请求)了。

返回操作:

 

上述方法只是本人实现功能使用的,还有其他实现方法。更多使用方法,建议查看vue官网:https://router.vuejs.org/zh/guide/essentials/navigation.html#routerpushlocation

原文地址:https://www.cnblogs.com/js123/p/10712018.html