vue里使用$router.push打开新窗口,以及跳转时需要注意的问题

因为需求中希望从新建页跳转到详情页,而且希望新建页还不会被清空。最后确定修改页面为点击详情打开一个新窗口显示详情页。
在vue中使用 this.$router.push({ name: 'detail' ,id: id}) 默认是替代本窗口
如果想新开一个窗口,可以使用下面的方式:

 let routeData = this.$router.resolve({
        name: 'UserinfoDetail',
        query: { id: id }
      })
      window.open(routeData.href, '_blank')

问题注意

params等一些单词一定要仔细去写,我遇到了几个问题单都是因为开发的时候单词写错成parms!!!

猜你喜欢

转载自blog.csdn.net/weixin_44296432/article/details/100133016