目标
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()来打开新的标签页。