今天小编就为大家分享一篇对vue2.0中.vue文件页面跳转之.$router.push的用法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue2.0在使用的过程中， .vue文件之间的跳转，在template中的常见写法是：
<button class="btn btn-default colorDe">继续</button>
但是有时的需求是页面不直接跳转，有确认弹框或者其他事件，此时就需要在js中设置跳转，常用的一种方法是 .$router.push ，用法如下：
this.$router.push({path: '/...'});
希望本文对您有所帮助！
拓展知识：解决this.$router.push无法在新窗口打开的问题
如下所示：
let routeData = this.$router.resolve({ path: '/reportpreview', query: { id: id } }); window.open(routeData.href, '_blank');
以上这篇对vue2.0中.vue文件页面跳转之.$router.push的用法详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是对vue2.0中.本文来源gaodai#ma#com搞*!代#%^码网5vue文件页面跳转之.$router.push的用法详解的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：对vue2.0中.vue文件页面跳转之.$router.push的用法详解
转载请注明原文链接：对vue2.0中.vue文件页面跳转之.$router.push的用法详解
