Laravel 路由器链路参数

我的路由器链接有问题：到。我的路由器链接不呈现我的模板。这是我的web路由、routes.js和vue模板。我想在img product上的clik之后转到：“product/1234”，但它只重定向了我的“product”。我的错在哪里？ 网站：

routes.js：

 {
        path: '/product/:id',
        name: 'ProductIndex',
        component: ProductIndex
    }

和Vue模板：

 <div class="product" v-for="product in products">
            <router-link class="product-image" :to="{ path: 'product', params: { id: product.id}}">
                <img src="/static/shop/products/shoe-example.png"/>
            </router-link>
 </div>

---

如果要链接到路径，请尝试将其更改为路线名称：

<router-link class="product-image" :to="{ name: 'ProductIndex', params: { id: product.id}}">
      <img src="/static/shop/products/shoe-example.png"/>
</router-link>

您是否意识到

vue路由器

和Laravel路由系统是两个独立的东西，对吗？您在ProductController中有什么内部方法显示？

<router-link class="product-image" :to="{ name: 'ProductIndex', params: { id: product.id}}">
      <img src="/static/shop/products/shoe-example.png"/>
</router-link>