Vue3 router路由跳转并打开新窗口

Vue3 router打开新窗口

Wang_HaHa_

8704人浏览 · 2023-01-04 09:40:14

Wang_HaHa_ · 2023-01-04 09:40:14 发布

通过router.resolve()返回路由的标准化地址，再使用window.open打开新窗口。

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

const url = router.resolve({
   path: '/test-url',
 });
 console.log(url.href);  // 输出为#/test-url
// 打开新窗口
window.open(url.href);

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport