vue router 打开新标签页

226 阅读1分钟

目标

vue router 打开新标签页,跳转新的tab

实现

在Vue应用中,如果你想要在新标签页打开页面,可以使用编程式导航。

import { useRouter } from 'vue-router'; 
const router = useRouter(); 
const keyWord = ref(null); 

const routeUrl = router.resolve({ 
    name: 'search', 
    params: { keyWord: keyWord.value } 
}); 
window.open(routeUrl.href, '_blank'); 

在这个示例中,router.resolve()方法返回一个包含完整路径信息的对象,然后我们使用window.open()来打开新的标签页。