常见vue 利用 $router 实现页面跳转的两种方式

//第一种
.vue
<router-link target="_blank" :to="{path:''}">

//第二种
.js
 let routeUrl = this.$router.resolve({
   		//路径
          path: '/indexplus'
          //需要传递的参数
          query:{
          }
        });
        window.open(routeUrl.href, '_blank');

需求

美好的一天从智慧填埋开始，

今天的需求，点击左侧菜单，弹出新的窗口，原来的窗口保持原来的页面不变。

第一时间我就想到了路由跳转，于是我在router.js中加入
在菜单页面添加了

//Siderbar index.vue
 	     // 前端大屏新窗口 跳转
     	if (path == '/datav') {
 		let routeUrl = this.$router.resolve({
        	path: '/indexplus'
        });
        //新窗口打开页面
        window.open(routeUrl.href, '_blank');
        //原窗口保持原来的页面
        this.$router.go(-1);
        return 0;
      }

如果点击的 ‘可视化大屏’ (路由地址：datav)，则就在新的窗口打开，原来的窗口保持原来的页面。