vue3修改当前路由参数

以下是一个示例代码：

import { useRoute, useRouter } from 'vue-router';

export default {
  setup() {
    const route = useRoute();
    const router = useRouter();

    const changeId = () => {
      // 获取当前路径的参数
      const id = route.query.id;
      // 修改id的值
      router.push({ path: '/corpus-detail', query: { id: 4 } });
    };

    return {
      changeId
    };
  }
};

在上面的代码中，我们使用useRoute和useRouter从Vue Router中导入了useRoute和useRouter函数。然后，在setup函数中，我们调用这两个函数来获取route和router对象。

route.query.id用于获取当前路径的id参数的值，并将其赋值给id变量。然后，使用router.push()方法来修改当前路径的id参数的值为4，并导航到http://localhost:3000/detail?id=4路径。

最后，我们将changeId函数返回给组件的模板部分，以便在模板中调用它。