vue3路由跳转支持新窗口打开

3,084 阅读1分钟

第一种方式,在router-link加上target="_blank",代码如下:

<router-link target="_blank" :to="{ path: '/addTpl', query: {
                  uuid: row.uuid,
                } }">

第二种方式,在js中用router.resolve控制路由跳转,代码如下:

 const { href } = router.resolve({
                name: 'AddTpl',
                query: {
                  uuid: row.uuid,
                },
              })
window.open(href, '_blank')

在打开的页面获取参数如下:

const route = useRoute()
const uuid = route.query.uuid