nuxt项目页面跳转方法
时间: 2023-11-18 12:48:11 浏览: 282
nuxt.js写项目时增加错误提示页面操作
Nuxt.js 提供了以下几种页面跳转方法:
1. `<nuxt-link>` 标签:使用该标签可以在页面之间进行无刷新跳转,代码如下:
```html
<nuxt-link to="/about">关于我们</nuxt-link>
```
2. `$router` 对象:使用该对象可以在页面之间进行有刷新跳转,代码如下:
```javascript
this.$router.push('/about')
```
3. `redirect` 方法:使用该方法可以在服务器端进行页面跳转,代码如下:
```javascript
export default {
asyncData({ redirect }) {
redirect('/about')
}
}
```
4. `nuxtLink` 方法:使用该方法可以在组件中进行无刷新跳转,代码如下:
```javascript
this.$nuxt.$router.push('/about')
```
阅读全文