Vue.js跳转页面
时间: 2023-12-27 09:23:49 浏览: 92
页面跳转
Vue.js提供了多种方式实现页面跳转,以下是其中的两种方式:
1.使用`this.$router.push()`方法进行跳转:
```javascript
// 在methods中定义跳转方法
methods: {
goHome() {
this.$router.push("/"); // 跳转到主页
},
goLogin() {
this.$router.push("/login"); // 跳转到登录页
}
}
```
2.使用`<router-link>`标签进行跳转:
```html
<!-- 在模板中使用<router-link>标签 -->
<router-link to="/">跳转到主页</router-link>
<router-link to="/login">跳转到登录页</router-link>
```
阅读全文