nuxt params
时间: 2023-09-24 11:13:50 浏览: 102
Nuxt框架的路由跳转及传参
在 Nuxt.js 中,params 是一个对象,它包含了路由参数。在一个动态路由页面中,你可以通过 `$route.params` 访问这些参数。例如,如果你有一个动态路由 `/users/:id`,当你访问 `/users/123` 时,`$route.params.id` 将会是 `123`。
在 Nuxt.js 中,你可以在页面组件中通过 `asyncData` 函数获取路由参数并使用它们进行数据预取。例如,假设你有一个动态路由 `/users/:id`,你可以在页面组件中这样获取路由参数:
```javascript
export default {
asyncData({ params }) {
// 访问 /users/123 时,params.id 将会是 "123"
const userId = params.id
// 使用 userId 进行数据预取
}
}
```
你也可以在模板中直接访问路由参数,例如:
```html
<template>
<div>
User ID: {{ $route.params.id }}
</div>
</template>
```
阅读全文