vue方法里跳转页面
时间: 2023-08-27 17:04:24 浏览: 94
vue跳转页面的几种方法(推荐)
4星 · 用户满意度95%
在 Vue 中,你可以使用 `this.$router.push()` 方法进行页面跳转。下面是一个示例:
```javascript
// 在组件的方法中跳转到另一个页面
methods: {
goToPage() {
this.$router.push('/other-page');
}
}
```
在上面的示例中,`goToPage` 方法使用 `this.$router.push()` 将用户导航到名为 "/other-page" 的页面。你可以根据你的实际需求修改目标路径。记得确保在使用 `$router.push()` 方法之前,你的 Vue 实例已经正确配置了路由。
另外,如果你想要通过按钮或链接来触发页面跳转,你可以在模板中使用 `router-link` 组件,如下所示:
```html
<router-link to="/other-page">Go to Other Page</router-link>
```
上面的代码将渲染一个带有文本 "Go to Other Page" 的链接,当用户点击该链接时,会触发页面跳转到 "/other-page"。
阅读全文