vue+ts+router實現單頁面打開新窗口,不顯示側邊欄問題(返回上一頁,保留數據)

1. 單頁面點擊打開詳情頁為新窗口打開

　　

const param :any ={
  id:row.RELIC_INFO_ID,
  categoryCode : row.CATEGORYID,
  classCode : row.CLASSID,
  reliCode:row.RELICCODE,
};

把普通的路由跳轉方式:

this.$router.push({path: 'objectDetail',query:param});

更換成一下方法:

 let routeData = this.$router.resolve({
   name: "objectDetail", // 要跳轉的路徑的名稱
   query: param, // 跳轉要攜帶的參數
   params:{catId:param.catId}  // 可以不寫
 });

 window.open(routeData.href, '_blank');

2. 新窗口打開去掉側邊欄

思路: 在寫側邊欄的頁面,加一個標識,監聽路由變化,如果路由是要打開的新窗口的路由,則標識為true, 理由v-if 決定是否創建側邊欄組件