nuxt.js - 使用 nuxt-composition-api 在路由更改上重新初始化 Vue3 可组合函数

Question

我有一个动态 id 的路由，例如 post/:postId 和包含很多方法和函数的可组合函数。

当我从路线 post/1 到 post/2 可组合没有更新并且我得到了 id 1 的信息

如何强制重新初始化可组合功能？

<script>
import postFunctions from '~/composable/postHelpers';
import { useContext } from '@nuxtjs/composition-api';

setup() {
   const { store, params } = useContext();
   const { postComments, updatePostText } = postFunctions(params.value.postId)
}

Answer 1

我在 nuxt-child 属性中使用了一个键，并且组件现在完全重新渲染

  <nuxt-child :key="$route.fullPath" />