vue.js - コンポーネントは router-link を使用して一度だけ動作します - Laravel vue

Question

Laravel Vue SPA を使用するプロジェクトに取り組んでいますが、単一の製品のデータにアクセスする際に問題が発生しました。1 回クリックした場合にのみ機能しますが、他の製品で再度選択すると、製品データを取得できません。ですが、URL は正しいのですが、ID は変更されていますが、データにアクセスできません。

別のリンクをクリックServicesして製品を選択すると機能し、製品データを表示できます。

ここに私のHTMLがあります

<ul >
    <li v-for="product in products">
        <router-link :to="{ name: 'edit-product', params: { id: product.id } }">
            {{ product.title }}
        </router-link>
    </li>
</ul>

マイ ビュー ルート

const EditProduct = require('./components/EditProduct').default;
{ 
    path: '/edit/product/:id', 
    component: EditProduct, 
    name: 'edit-product'
}

私の EditProduct コンポーネント

<template>
    <div>
        <h1>this.$route.params.id</h1>
    </div>
</template>

乾杯