小编spo*_*802的帖子

我有一个products/index页面，products/[slug]在主产品页面中，我有一个NuxtLink更改页面并转到products/[slug]并获取该产品的数据。

第一次单击时，我有正确的数据，但是当我单击后退或单击产品/索引页面然后尝试单击另一个产品时，我有我单击的第一个产品的信息，并且在每个产品上，我再次有我点击的第一个产品的信息。

使用console.log引导我发现我的获取数据没有改变，我在这里错过了什么吗？

使用:keyand :page-keyon<nuxtPage/>不起作用。

我点击的第一个产品

第二个产品仍然没有变化，数据来自第一个产品

第三张图还是没有变化

productComponent.vue

<template>\n  <div class="mx-auto rounded border mb-7 border-blue-200 pt-1 px-2 mx-1 mb-2">\n    <NuxtLink :to="link">\n      <img\n        class="rounded mx-auto mb-3 border-b border-y-blue-300 pb-3"\n        :src="img"\n        :alt="alt"\n      />\n      <div class="mt-2">\n        <div>\n          <div class="items-center font-bold text-slate-700 leading-snug">\n            <p class="pr-3">{{ title }}</p>\n          </div>\n          <div class="mt-2 text-lg text-slate-600 pr-3 pb-2">\n            \xd9\x82\xdb\x8c\xd9\x85\xd8\xaa …