vue怎么给当前路由添加参数

在Vue.js中，你可以通过在URL上添加查询字符串参数（query parameters）来给当前路由添加动态参数。这通常用于传递简单的键值对信息，例如筛选条件、页码等。在router-view中，你可以使用`this.$route.query`对象来访问这些参数。

下面是一个基本例子：

1. 首先，你需要在`router.js`文件配置路由时指定带有参数的路径：

{
  path: '/users/:userId', // 匹配 /users/12345 的形式
  name: 'user-profile',
  component: YourUserProfileComponent,
  query: {
    // 查询字符串参数，比如搜索关键字
    search: '',
  },
},

这里的`:userId`是动态路由段，它会匹配URL中的值（例如`/users/12345`中的`12345`）。

2. 然后，在你的组件中，可以使用`this.$route.query`来获取这些参数：

<script>
export default {
  setup() {
    const userId = ref(this.$route.params.userId);
    const searchKeyword = computed(() => this.$route.query.search);

    return { userId, searchKeyword };
  },
};
</script>

或者在模板中直接使用：

<template>
  <div>
    <h1>User Profile for {{ userId }}</h1>
    <input v-model="searchKeyword" placeholder="Search...">
  </div>
</template>