商品详情页动态路由问题

本人在做购物平台项目，在写点击主页商品进入商品详情页的过程中动态路由出现了问题，但不知道错哪了，有没有家人帮忙看看，谢谢了！

GoodsController：

主页中点击商品跳转至详情页：

详情页代码：

但是点击商品后，路径没有出现商品的id：

没有传值，应该是$router.push('/detail?id=' + item.id)

貌似没有看到你传了id过去，可以直接写个点击事件，在事件中再加跳转并带上参数id，你这样写好像没有看到传参，只有路径，
可以向下面这样写：

<span @click="toDetail(item)">{{item.name}}</span>

// 点击事件
toDetail(item) {
  this.$router.push({
    path: '/detail',
    query: {
      id: item.id
}
})
}