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

转载于 2017-09-23 09:26:00 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wuheng1991/p/7580201.html

文章标签：

#javascript #ViewUI

本文介绍了Vue2.0中.vue文件间的路由跳转方法。首先解释了如何在template中使用<router-link>标签进行页面跳转，然后详细说明了如何通过在js中调用.$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: '/...'});