vue路由跳转携带参数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/poppy995/article/details/100169238

<van-grid-item v-for="(item,index) in list" :key="index" @click="toGoodOrder(index)">

需要跳转的组件添加点击事件，将需要的参数传入
在点击事件中写

// 点击跳转购买商品页面
    toGoodOrder (id) {
      this.$router.push({
        path: '/goodOrder',
        query: {
          id: id
        }
      })
    }

获取参数中的id值

this.$route.query.id

跳转到上一级的路由地址

this.$router.go(-1)