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

效果与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;

你可能感兴趣的:(Vue路由的页面跳转打开新页面)