对vue2.0中.vue文件页面跳转之.$router.push的用法详解
作者：侦探小禾子 发布时间：2024-04-30 10:35:03
标签：vue2.0,.$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: '/...'});
希望本文对您有所帮助！
拓展知识：解决this.$router.push无法在新窗口打开的问题
如下所示：
let routeData = this.$router.resolve({ path: '/reportpreview', query: { id: id } });
window.open(routeData.href, '_blank');
来源：https://blog.csdn.net/JaneLittle/article/details/72179413
0
投稿猜你喜欢
- 因为项目开发中遇到需要向后台传本周的开始和结束时间，以及上一周的起止时间，就琢磨了半天，总算写出来一套，写篇文章是为了方便自己记忆，也是分享
- 查询速度慢的原因很多，常见如下几种： 1、没有索引或者没有用到索引(这是查询慢最常见的问题，是程序设计的缺陷) 2、I/O吞吐量小，形成了瓶
- 一、问题描述当用JS调用form的方法submit直接提交form的时候，submit事件不响应。为什么？知道的请回复。类比一下，我用inp
- 原始结构：Column1 Column2----------- ----------1 A1 B2 C2 D2 E3 F查询效果：Colum
- Python 代码库之Tuple如何append元素tuple不像array给我们提供了append函数，我们可以通过下面的方式添加t=[1
- 目录写在前面双向加密ENCODE/DECODEAES_ENCRYPT/AES_DECRYPTDES_ENCRYPT/DES_DECRYPT单
1、计算器功能介绍可以实现数据的加(+)，减(-)，乘(*)，除(/)，取余运算(％)，以及实现数据的删除(Del)和清空功能(C)。2、计- 本文实例讲述了JavaScript使用indexOf()实现数组去重的方法。分享给大家供大家参考，具体如下：数组去重方法有多中,这里列举出自
- resample()resample()进行重采样。重采样（Resampling）指的是把时间序列的频度变为另一个频度的过程。把高频度的数据
- 大致功能：$() 取得所有元素$("div") 取得所有DIV$("#a1") 取得ID为a1的元素
- 数据库在高并发的场景下使用外键约束会有锁问题并且使用外键会增加运维成本，所以很多公司都规定生产环境的数据库禁止使用外键。那么不使用外键约束的
- 1. 下载darknet源码在命令窗口（terminal）中进入你想存放darknet源码的路径，然后在该路径下输入依次输入以下命令：git
- 一 、MySQL版本查询1)登录mysql首先Window+R然后在命令行里输入mysql -u此处填你的mysql账号（注意要加-u) -
- 每个进行过较大型的ASP-Web应用程序设计的开发人员大概都有如下的经历：ASP代码与页面HTML混淆难分，业务逻辑与显示方式绞合，使得代码
- <script> Function.prototype.$bind=function(object) {
- 如下所示：filename=None if request.method == 'POST
- 在官方介绍里有这么一句话：Yarn is a package manager for your code. It allows you to
- 图形化验证码生成和验证功能介绍在使用用户名和密码登录功能时，需要填写验证码，验证码是以图形化的方式进行获取和展示的。验证码使用原理验证码的使
- python绘图的包大家应该不会陌生，但是，对图的常规设置不一定会知道（其实自己也是才知道的），比如：坐标轴的字体大小、颜色设置；标题的字体
- Linux中进程的通信方式有信号，管道，共享内存，消息队列socket等。其中管道是*nix系统进程间通信的最古老形式，所有*nix都提供这
