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 路由跳转 新窗口打开页面Vue 路由跳转 新窗口打开页面
2022-09-30
140
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Vue 路由跳转 新窗口打开页面
path: <yourPath>,
query: {
'ticket': '123456'
}
}
);
window.open(router.href, '_blank');
目录
相关文章
|
15天前
|
JavaScript
前端开发
数据安全/隐私保护
|
2天前
|
缓存
JavaScript
前端开发
|
2天前
|
资源调度
JavaScript
前端开发
Vue的路由管理：VueRouter的配置和使用
【4月更文挑战第24天】VueRouter是Vue.js的官方路由管理器，用于在单页面应用中管理URL路径与组件的映射。通过安装并引入VueRouter，设置路由规则和创建router实例，可以实现不同路径下显示不同组件。主要组件包括：`<router-link>`用于创建导航链接，`<router-view>`负责渲染当前路由对应的组件。此外，VueRouter还支持编程式导航和各种高级特性，如嵌套路由、路由参数和守卫，以应对复杂路由场景。
26
2
2
|
3天前
|
缓存
JavaScript
|
15天前
|
API
|
15天前
|
JavaScript
Vue 路由切换时页面刷新页面重新渲染
在Vue中，路由切换并不自动重新渲染页面，这可能导致传递参数到子组件时出现问题。使用`this.$route.replace('地址')`或`this.$route.push({name:'地址',params:{key:value}})`进行跳转，但子组件不会响应变化。为解决此问题，需监听`$route`对象的变化，如图所示，通过`watch: {$route}`确保页面更新。
20
5
5
|
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.
982
0
0
|
1天前
|
JavaScript
前端开发
热门文章
最新文章
1
vue项目开发笔记记录（一）
2
vue项目开发笔记记录（二）
3
vue项目实战：实战技巧总结（中）
4
Vue3——Router4教程(小满版本)（二）
5
vue项目开发笔记记录（四）
6
VUE获取上月、当月、前几月等等问题
7
vue核心语法2
8
vue组件之间互相传值
9
Vue引入Echarts图表的使用
10
vue element plus Input 输入框
1
在vue中，怎样理解 Vue 的单向数据流？
22
2
在vue中，Class 与 Style 如何动态绑定？
16
3
在vue中，v-show 与 v-if 有什么区别？
23
4
在vue中，如何实现SPA单页面应用的路由管理？
22
5
在vue中，说说你对 SPA 单页面的理解，它的优缺点分别是什么？
38
6
解决Vue 3 + Element Plus树形表格全选多选以及子节点勾选的问题
58
7
Vue中el与data的两种写法
18
8
Vue之数据绑定
13
9
使用Vue.js、Vuetify和Netlify构建现代化的响应式网站
38
10
初识Vue 输出Hello World 及注意事项
19