测试

 

<template>
  <div>
    <button @click="addQueryParam">添加查询参数</button>
  </div>
</template>

<script>
import { useRoute, useRouter } from 'vue-router';
import { ref } from 'vue';

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

    const addQueryParam = () => {
      // 假设我们要添加一个名为 'paramName' 的查询参数，值为 'paramValue'
      const queryParams = { ...route.query, paramName: 'paramValue' };
      router.push({ query: queryParams });
    };

    return {
      addQueryParam,
    };
  },
};
</script>