vue3 router-link带参跳转

在 Vue 3 中，你可以使用 `router-link` 组件来进行带参跳转。下面是一个示例：

<template>
  <router-link :to="{
    name: 'destination',
    params: { id: 1 },
    query: { name: 'example' }
  }">跳转到目标页面</router-link>
</template>

<script>
export default {
  // ...
}
</script>

上面的示例中，我们使用了 `router-link` 组件，并通过 `to` 属性指定了跳转的目标。在 `to` 属性中，我们可以使用对象的形式来设置参数和查询参数。在这个例子中，我们通过 `name` 属性指定了目标页面的路由名称为 `'destination'`。然后，我们使用 `params` 属性设置了一个名为 `'id'` 的参数，并将其值设置为 `1`。同时，我们使用 `query` 属性设置了一个名为 `'name'` 的查询参数，并将其值设置为 `'example'`。

当点击这个 `<router-link>` 组件时，它会自动根据指定的参数和查询参数进行跳转到目标页面，并将这些参数传递给目标页面组件进行使用。

请根据你的实际需求，调整名称和参数的值。