Vue页面跳转时传递当前页面的路由和参数

当页面跳转到下一个页面时，下个页面可能会设置导航栏。这是需要上个页面的路由之类的参数。废话不多说，直接上图：
这是第一个页面的跳转到下个页面的方式，query里的path: this.$route.path,name: this.$route.name,分别是获取当前页面的路径和name。然后通过this.$router.push()将页面跳转到路径为"/acticle"的页面

acticle页面：

用this.$route.query可以获取到前面的参数，分别赋值给需要的值。

这是我自练习项目里的使用，:to属性可以跳转到赋值的路径，v-if=“name !== ‘首页’” 判断是不是首页里跳转的是就不显示。

这是我的输出的界面

【注】：博主是小白，太菜勿喷！