概要

在一些需求中经常遇到跳转页面，但是产品让跳转页面的同时打开一个新窗口方便用户进行对比数据，接下来就是跳转页面打开新窗口的方法

vue2的写法

    const routeUrl = this.$router.resolve({
        path: "/页面路由",
        query: { id: xx参数 },
      });
      window.open(routeUrl.href, "_blank");
    },

vue3的写法

import { useRouter } from 'vue-router';

const router = useRouter();
const routeData = router.resolve({
  path: '/页面路由',
  query: {name: '11'}
})
window.open(routeData.href, '_blank')

a标签的写法

<router-link target="_blank" :to="{ path: '/路由', query: { id: 'xx参数' } }">打开新的标签页</router-link>