vue3 路由清空query参数

在Vue 3中，如果你使用的是`vue-router`库来管理路由，你可以通过编程式导航来清空路由中的查询参数(query)。具体做法是在你的路由跳转代码中，将目标路由的query参数设置为空对象。下面是一个示例代码：

// 假设你的目标路由是 /example
const router = VueRouter.createRouter({
  // ...路由配置
});

// 跳转到/example并清空query参数
router.push({
  path: '/example',
  query: {} // 这里的query参数设置为空对象
});

执行上述代码后，`/example`路由中的查询参数会被清空，用户会被导航到一个新的路由实例。

此外，如果你希望在当前路由下清空查询参数而不进行页面跳转，可以使用`replace`方法而不是`push`方法，如下：

// 在当前路由下清空query参数
router.replace({
  query: {} // 设置新的query为空对象
});

这种方法不会在浏览器的历史记录中增加一个新的记录。