vue3路由跳转传多个参数

在Vue 3中，你可以使用对象的方式传递多个参数给router.push()方法。以下是一个示例代码：

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

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

    const changeParams = () => {
      // 获取当前路径的参数
      const id = route.query.id;
      const name = 'John';
      const age = 25;
      
      // 修改参数的值并导航到新的路径
      router.push({ path: '/detail', query: { id, name, age } });
    };

    return {
      changeParams
    };
  }
};

在上面的代码中，我们添加了两个额外的参数：name和age。通过将它们添加到query对象中，你可以在导航时传递多个参数。然后，使用router.push()方法来修改当前路径的参数值，并导航到新的路径。