vue3跳转页面传参
时间: 2023-08-17 22:11:07 浏览: 119
vue跳转方式(打开新页面)及传参操作示例
5星 · 资源好评率100%
在 Vue 3 中,可以使用 `router-link` 组件来进行页面跳转,并且可以通过 `to` 属性传递参数。以下是一个示例:
```html
<router-link :to="{ path: '/page', query: { id: 1 } }">跳转到页面</router-link>
```
在上面的示例中,我们通过 `path` 属性指定了跳转的路径为 `/page`,并且使用 `query` 属性传递了一个参数 `id`,其值为 `1`。
在接收参数的页面中,可以通过 `$route.query` 来获取传递的参数。以下是一个示例:
```html
<template>
<div>
参数值为:{{ $route.query.id }}
</div>
</template>
```
在上面的示例中,我们通过 `$route.query.id` 来获取传递的参数值。
希望能对你有所帮助!如果你有任何其他问题,请随时提问。
阅读全文