NuxtLink를 사용할 때 탐색하기 전에 저장소 변환을 수행하는 방법은 무엇입니까?

NuxtLink를 사용할 때 탐색하기 전에 저장소 변환을 수행하는 방법은 무엇입니까?

라우터가 원하는 경로로 이동하기 전에 저장소 값을 업데이트하려고 합니다.

작동하지 않는 현재 코드입니다.

<NuxtLink :to="`/posts/${post.slug}`" @click="setPost(post)">
  {{ post.title.rendered }}
</NuxtLink>

다음과 같은 버튼을 추가하여 수동으로 변환을 트리거하는 경우:

<button @click="setPost(post)">{{ post.title.rendered }}</button>

그런 다음 NuxTLink를 누르면 모든 것이 예상대로 작동하지만, 분명히 이것은 옳지 않습니다.

다음으로 이동하기 전에 저장소 변환이 실행되도록 하려면 어떻게 해야 합니까?/posts/페이지?

감사해요.

링크는 HTML의 의미를 따르는 경우 다른 작업을 수행하지 않고 탐색이어야 합니다.

그러면 Vue 라우터 가드 덕분에 특정 페이지를 떠나거나 입력할 때 논리를 가질 수 있습니다. https://router.vuejs.org/guide/advanced/navigation-guards.html

---

만약 당신이 vue 동작을 트리거하고 싶다면 (설명서에 명시된 vue 변환보다 권장), 당신은 완전히 호출할 수 있습니다.setPost(post)버튼을 사용한 다음, 을 수행합니다.$router.push('/posts ....')문서에 표시된 대로 변수를 사용합니다. https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort

언급URL : https://stackoverflow.com/questions/68936838/when-using-nuxtlink-how-do-you-perform-a-store-mutation-before-navigation