Vue跳转路由并在新窗口打开

1、

<el-table-column prop="title" label="标题">
     <template slot-scope="scope">
       <el-link type="info" @click="toCard(scope.row.cardId)">{{scope.row.title}}</el-link>
      </template>
 </el-table-column>

    toCard (id) {
      console.log(id)
      // this.$router.replace('detail')
      var link = this.$router.resolve({
        path: '/detail',
        query: { id } // 要跳转的路由
      })
      window.open(link.href, '_blank')
    },

query ：传的参数

path： 跳转的路由