나는 products/index
页面,主产品页面中有 products/[slug]
我有一个 NuxtLink
来更改页面并转到 products/[slug]
을 가지고 있고 해당 제품에 대한 데이터를 가져옵니다.
첫 번째 클릭에는 올바른 데이터가 있지만 뒤로 클릭하거나 제품/색인 페이지를 클릭한 다음 다른 제품을 클릭하려고 하면 클릭한 첫 번째 제품과 각 제품에 대한 정보가 표시됩니다. it again 내가 클릭한 첫 번째 제품에 대한 정보를 얻었습니다.
을 사용하여 console.log
내 가져오기 데이터가 변경되지 않았음을 발견할 수 있었습니다. 여기에 뭔가 빠졌나요?
는
上使用 :key
和 :page-key
에서 작동하지 않습니다.
첫번째 클릭한 상품
두 번째 제품은 여전히 변경 사항이 없으며, 데이터는 첫 번째 제품의 데이터입니다
세번째 사진은 아직 변함없네요
productComponent.vue
products/index.vue
페이지
产品/[slug]
해결책을 찾았습니다 useFetch에 매개변수를 추가해야 합니다
으아아아API가 캐시하고 다른 요청을 보내지 않으므로
initialCache : false
를 사용하세요. 다른 요청을 보낼 것입니다 이 방법은 메인 제품에는 잘 먹히는데, 제품/[슬러그]나 블로그/[슬러그]에서는 꼭 이렇게 하셔야 할 것 같은데, 더 좋은 방법이 있으시면 댓글 남겨주세요