1、router-link
<router-link :to='url' target='_blank></router-link>
2、$router
let router = this.$router.resolve(
{ path: <yourPath>,
query: {
'ticket': '123456'
}
}
);
window.open(router.href, '_blank');
</div>Vue 路由跳转 新窗口打开页面
2023-02-19
362
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue 路由跳转 新窗口打开页面
path: <yourPath>,
query: {
'ticket': '123456'
}
}
);
window.open(router.href, '_blank');
目录
相关文章
|
1天前
|
JavaScript
|
3天前
|
移动开发
前端开发
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
7
0
0
|
3天前
|
JavaScript
|
4天前
|
JavaScript
|
4天前
|
JavaScript
|
JavaScript
测试技术
容器
Vue2+VueRouter2+webpack 构建项目
1). 安装Node环境和npm包管理工具
检测版本
node -v
npm -v
图1.png
2). 安装vue-cli(vue脚手架)
npm install -g vue-cli --registry=https://registry.
989
0
0
|
4天前
|
JavaScript
|
4天前
|
JavaScript
|
4天前
|
JavaScript
|
4天前
|
移动开发
JavaScript
应用服务中间件
vue打包部署问题
Vue项目`vue.config.js`中，`publicPath`设定为"/h5/party/pc/"，在线环境基于打包后的`dist`目录，而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`，包含两个相关配置图。
14
1
1
热门文章
最新文章
1
vue3中实现文件上传---通过element-plus的upload组件
2
Vue+Django+MySQL搭建指南（个人全栈快速开发）
3
VUE3（十八）vue 路由history 模式去掉 URL 中的 # （nginx）
4
深入浅出 - vue变化侦测原理
5
VSCode 中，TS 提示 ”无法找到 *.vue 声明文件“ 的解决方案
6
vue jsx 使用指南
7
vue项目实战 — — 那些自己给自己挖的深坑
8
一招解决Vue多页面路由history模式【开发到部署】
9
在VUE中WEB端播放RTSP流解决方案，支持H.265，延迟300毫秒以内！
10
CDN引入vue不兼容IE浏览器
1
【vue的技术要点】
50
2
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
61
3
在vue中，在哪个生命周期内调用异步请求？
40
4
在vue中，Vue 的父组件和子组件生命周期钩子函数执行顺序？
19
5
在vue中，直接给一个数组项赋值，Vue 能检测到变化吗？
37
6
在vue中，computed 和 watch 的区别和运用的场景？
17
7
在vue中，怎样理解 Vue 的单向数据流？
24
8
在vue中，Class 与 Style 如何动态绑定？
18
9
在vue中，v-show 与 v-if 有什么区别？
25
10
在vue中，如何实现SPA单页面应用的路由管理？
24