Vue路由的页面跳转打开新页面

Posted 2023-03-10

参考技术A 效果与a标签的target=_blank是一样的，只不过不用点击，直接打开

1、在router.js里新加一个路由

 

    path: '/previewFile',

    name: 'previewFile',

    meta: 

      title: '预览文件',

      hideInMenu: true

    ,

    component: () => import('@/view/audits/coms/previewFile.vue')

  , 

2、在需要跳转的逻辑方法里加,这里必须用query，否则参数获取不到，亲测有效

const href = this.$router.resolve(

                    path: `/previewFile`,

                    query:url:res.data.Url                    

                );

                window.open(href, '_blank');

3、跳转页获取参数：let url=this.$route.query.url;