vue跳转页面

vue怎么跳转页面呢？不知道的小伙伴来看看小编今天的分享吧!

vue有三种不同方式实现页面跳转。

方法一：Vue：router-lin

[跳转到主页]

[登录]

[登出]

方法二：this.$router.push("/");

[跳转到主页]

export default {

name: "App",

methods: {

// 跳转页面方法

goHome() {

this.$router.push("/");

},

}

方法三：this.$router.go(1);

[上一页]

[下一页]

upPage() {

// 后退一步记录，等同于 history.back()

this.$router.go(-1);

},

downPage() {

// 在浏览器记录中前进一步，等同于 history.forward()

this.$router.go(1);

}

代码示例：

以上就是小编今天的分享了，希望可以帮助到大家。

本站声明：本站部分文章来自网络，由用户上传分享，如若内容侵犯了您的合法权益，可联系我们进行处理。文章仅供大家学习与参考,不**本站立场。

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z