Vue router-link params

Question

私は私のrouter-link：に問題があります。私のrouter-linkは私のテンプレートをレンダリングしません。ここに私のWebルーティング、routes.jsとvueテンプレートがあります。私はimg製品のclikの後に：p​​roduct/1234 'に行きたいですが、私は' product 'だけをリダイレクトします。私のミスはどこですか？ ウェブ：

 Route::get('/product/{id}', 'ProductController@show'); 

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> 

Answer 1

あなたがパスにリンクされている、あなたのルートの名前に変更してみてください：

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