Vue路由器从URL中删除参数

import { createRouter, createWebHistory } from 'vue-router';

const router = createRouter({
  history: createWebHistory(),
  routes: [
    // 定义路由
  ]
});

// 删除查询字符串参数
function removeQueryParam(param) {
  const currentQuery = router.currentRoute.value.query;
  const newQuery = { ...currentQuery };
  delete newQuery[param];
  router.replace({ query: newQuery });
}

// 删除路径参数
function removePathParam(param) {
  const currentPath = router.currentRoute.value.path;
  const newPath = currentPath.replace(new RegExp(`:${param}\\b`), '');
  router.replace({ path: newPath });
}

// 示例调用
removeQueryParam('key');
removePathParam('id');

removeQueryParam('key');
this.$forceUpdate();

import { watch } from 'vue';

watch(() => router.currentRoute.value.query, (newQuery, oldQuery) => {
  // 处理路由变化
});