window.open与this.$router.resolve

跳到第三方网站

handleDow() {
     var tempwindow = window.open('_blank');
     tempwindow.location.href = 'https://obsproject.com/'
},

配合vue-router新开一个tab页面

// 新打开一个tab页面：
<router-link 
   target="_blank" 
   rel="noopener noreferrer" 
   :to="{name: 'liveroom',query:{'live_id':row.live_id}}"
>
进入直播间
</router-link>

以上写法在火狐浏览器里会出现新开页面后退出登录的现象。（暂时找不到原因）
改写：

<el-button 
  type="text" 
  size="small" 
  @click="handleEnterLiveRoom(row)"
>
进入直播间
</el-button>

handleEnterLiveRoom(row) {
     const { href } = this.$router.resolve({
          name: `liveroom`,
          query: { // 携带参数
              'live_id': row.live_id
          }
     });
     window.open(href, '_blank');
},