vue 路由跳转打开另一个页面
时间: 2023-10-03 07:09:37 浏览: 109
在 Vue 路由中,可以使用 `router-link` 组件来创建一个链接,然后在点击链接时自动跳转到指定页面。
例如,你想在点击一个按钮时跳转到另一个页面,可以在模板中添加以下代码:
```html
<router-link to="/other-page">
<button>跳转到另一个页面</button>
</router-link>
```
其中,`to` 属性指定了要跳转的页面路径。
如果不想使用 `router-link` 组件,也可以通过编程式导航来实现跳转。在 Vue 组件中,可以通过 `$router` 对象来访问路由实例,并调用其 `push` 方法来实现跳转。例如:
```js
// 在组件中跳转到另一个页面
this.$router.push('/other-page');
```
注意,在使用编程式导航时,需要保证当前组件已经挂载到页面中,否则可能会出现无法跳转的问题。
阅读全文