Vue路由跳转打开新窗口与关闭窗口的实现及防拦截方案

    // 路由跳转新界面
    userFeedback() {
      // this.$router.push({ path: '/feedback' });
      用push,也能实现跳转，但是不能打开新页面。
      const { href } = this.$router.resolve({
        path: '/feedback'
      });
      window.open(href, '_blank');
    },

  <template slot-scope="scope">
    <el-button
      size="small"
      @click.stop="watchDetail(scope.row)">详情</el-button>
  </template>

 watchDetail(row) {
    const { href } = this.$router.resolve({
      path: `/answerSituation`,
      query: {
        id: row.id,
        paperName: this.paperName,
        name: row.name,
        examScore: row.examScore,
        answersTime: row.answersTime
      }
    });
    window.open(href, '_blank');
  }

window.open(URL,name,specs,replace)

window.close();   //关闭本窗口
或者
<窗口对象>.close();   //关闭指定的窗口

 var mywin=window.open('http://www.xxx.com'); //将新打的窗口对象，存储在变量mywin中
 mywin.close();

<router-link target="_blank" :to="{path:'/FundManger/FundProductMoney',
query:{managerId:fundcode}}></router-link>"

  <a @click="getGetMyPortfolioById(scope.row) ">查看</a>

 getGetMyPortfolioById(vals) { 
    getMyPortfolioById({

    }).then(response = >{ 
        const routerdata = this.$router.resolve({ 
                  name: '组合分析以及组合持仓', 
                  params: { managerId: vals.fundCode } 
        }) 
        const newhref = routerdata.href + '?managerId=' + vals.fundCode 
         window.open(newhref, '_blank') 
    })
 } 

let tempPage=window.open('' ", _blank');

tempPage.location=url;

  <a @click="getGetMyPortfolioById(scope.row) ">查看</a>

  getGetMyPortfolioById(vals) {
      const tempPage = window.open('', '_blank')
      getMyPortfolioById({}).then(response = >{
             const routerdata = this.$router.resolve({
             name: '组合分析以及组合持仓',
                  params: {
                       managerId: vals.fundCode
                 }
               })
             const newhref = routerdata.href + '?managerId=' + vals.fundCode
             tempPage.location = newhref
      })
 }