Vue页面跳转$router.push 的用法

Posted 侠岚之弋痕夕

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue页面跳转$router.push 的用法相关的知识,希望对你有一定的参考价值。

vue2.0在使用的过程中, .vue文件之间的跳转,在template中的常见写法是:

<router-link to="/miniCard/statement/horizon">
     <button class="btn btn-default colorDe">继续</button>
</router-link>

但是有时的需求是页面不直接跳转,有确认弹框或者其他事件,此时就需要在js中设置跳转,常用的一种方法是 .$router.push ,用法如下:

this.$router.push({path: \'/...\'});

 

以上是关于Vue页面跳转$router.push 的用法的主要内容,如果未能解决你的问题,请参考以下文章

VUE路由router-link和router.push用法

Vue用router.push(传参)跳转页面,参数改变,跳转页面数据不刷新的解决办法

vue router跳转方法

Vue路由this.$router.push跳转页面不刷新

vue中使用$router.push跳转新页面

vue路由跳转页面的几种方式及其区别