vue项目点击左侧子菜单，打开一个新的浏览器标签页

在项目开发中，产品给了这样一个需求：点击左侧子菜单，在浏览器中打开一个新的标签页，展示数据大屏。在此写个随笔记录下实现过程。

思路：使用编程式导航
实现页面跳转，我们常用的是 $router.push 和 $router.go，但是Vue2.0以后，这种方式不支持新窗口的打开属性了，所以这个时候可以使用this.router.go，但是Vue2.0以后，这种方式不支持新窗口的打开属性了，所以这个时候可以使用this.router.go，但是Vue2.0以后，这种方式不支持新窗口的打开属性了，所以这个时候可以使用this.router.resolve进行新窗口跳转

 let url = this.$router.resolve({path: '/byProductPacking',query: {id: 123}})window.open(url.href, '_blank')this.$router.go(-1)// 可以使用query,也可以使用params

这样就实现了点击左侧子菜单，会打开一个新的浏览器标签页的功能，其中，使用this.$router.go(-1)的作用是：回到项目中，会回到上一次打开的页面。

vue项目点击左侧子菜单，打开一个新的浏览器标签页相关推荐

如何通过 js 打开一个新的浏览器窗口
Aphorism Grow In Errors! 前言最近肾七电池不耐用了, 想想左腹就隐隐作痛, 咳咳 ,回归正题, 我就联系了下 apple 客服,准备换个电池,2018年 12.31 ...
Vue项目点击刷新页面的三种方式
Vue项目点击刷新页面的三种方式一.原生js刷新方式: location.reload(); 二.Vue框架自带的路由跳转方式: this.$router.go(0); 三.在App.vue页面声明 ...
wxpython窗口跳转_WxPython-用按钮打开一个新窗口
我正在创建一个界面,我需要打开一个新的窗口,点击一个按钮. 所以我创建了主窗口,创建了所有按钮,并在一个类下创建了新窗口.我不完全确定是否需要,但我也会包括这一部分信息.对python来说是新的,如果 ...
[Issue Fixed]-不能为虚拟电脑xxx打开一个新任务
使用window host + virtualbox + ubuntu vm的时候,有时候window突然断电关机了.此时重启window电脑后,再次使用virtualbox打开ubuntu vm时, ...
打开虚拟机时出现不能为虚拟电脑打开一个新任务
标题:打开虚拟机时出现不能为虚拟电脑打开一个新任务在用虚拟机打开Ubuntu时出现以下情况解决方法在查找了许多有关资料试用无效后,最终用以下两个步骤解决了该问题 1.打开VirtualBox安装 ...
Oracle VM VirtualBox 解决 “不能为虚拟电脑打开一个新任务”
报错: 不能为虚拟电脑UbuntuZhoumingyue146打开一个新任务 1.点击上方设置进入系统选项 2.取消勾选软驱为了避免重新安装就没有选择添加虚拟光盘. 然后打开就是登录账户了
火狐浏览器如何设置成打开一个新的页面，原有的页面继续存在
火狐浏览器如何设置成打开一个新的页面,原有的页面继续存在? Tab Utilities 扩展. 在新标签页打开书签.历史.主页.地址.搜索,以及更多增强标签式浏览的实用功能,包括紧邻当前标签页打开 ...
window.open html打开一个新页面
<html><head><meta charset="utf-8"><title>打开一个新页面</title>< ...
Oracle VM VirtualBox启动新建虚拟机弹错--不能为虚拟机xxxx电脑打开一个新任务解决方法；
Oracle VM VirtualBox启动新建虚拟机弹错--不能为虚拟机xxxx电脑打开一个新任务解决方法: 参考文章: (1)Oracle VM VirtualBox启动新建虚拟机弹错--不能 ...

vue项目点击左侧子菜单，打开一个新的浏览器标签页

vue项目点击左侧子菜单，打开一个新的浏览器标签页相关推荐

最新文章

热门文章