Vue页面跳转技巧与实现方法详解

vue跳转页面

Vue有三种不同的方式来实现页面跳转。

方法一：Vue：router-lin

【跳转首页】

[登录]

[注销]

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

[跳转首页]

exportdefault{

name:"App",

method:{

//跳转页面方法

goHome(){

this.$router("/");

},

}

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

[上一页]

[下一页]

upPage(){

//后退一步进行记录，相当于history.back()中

这个.$router.go(-1);

},

downPage(){

//在浏览器记录中前进一步，相当于history。
front()

ini.$router.go(1);

}

代码示例：