页面路由跳转

页面的跳转有两种情况，在当前的页面上进行跳转；打开一个新的页面进行跳转

在当前页面的基础上进行跳转：通过动态路由router进行跳转

import { useRouter } from 'vue-router'
const router = useRouter()
function goToPage(data) {
    router.push(`/pidPreview/?id=${data.id}`)
}

新开一个页面，在新开的页面上进行跳转：也是通过动态路由进行跳转，但是使用window.open新开一个窗口：

import { useRouter } from 'vue-router'
const router = useRouter()
function goToPage(data) {
    const routeUrl = router.resolve({
        path: `/pidPreview/`,
        query: { id: data.id }
    });
    window.open(routeUrl.href, '_blank');
}

window.open(routeUrl.href, '_blank'); 是 JavaScript 中用于在新窗口或新标签页中打开指定 URL 的代码，具体介绍：

• window.open: 是 JavaScript 的一个内置函数，用于打开一个新的浏览器窗口或标签页，它可以接受三个参数：

  • URL: 要打开的页面的 URL

  • target: 指定新窗口的名称或目标，常见的值包括：

    • _blank（在新窗口或标签页中打开）

    • _self（在当前窗口中打开）

    • _parent（在父框架中打开）

    • _top（在顶层框架中打开）

  • windowFeatures（可选参数）: 可以指定新窗口的特性，如大小、位置等。这个参数在现代浏览器中通常被忽略，因为浏览器可能会阻止弹出窗口