vue路由跳转如何在新窗口打开?下面编程教程网小编给大家详细介绍一下具体实现代码!
具体实现代码如下:
watch:{
//监听页面快捷菜单跳转
routeObj(val){
//切换菜单
this.switchApp(val.code)
//跳转对应页面
console.log('val.route',val.route)
setTimeout(()=>{
if(val.tag==1){
// 直接路由跳转,在当前窗口展示
this.$router.push(val.route)
}else{
//打开新窗口展示
const routeOne = this.$router.resolve({
path: val.route,
})
window.open(routeOne.href, '_blank')
}
},500)
}
},
以上是编程学习网小编为您介绍的“vue路由跳转如何在新窗口打开?”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:vue路由跳转如何在新窗口打开?
基础教程推荐
猜你喜欢
- react-router v6实现权限管理+自动替换页面标题的案例 2023-07-09
- CSS中Float(浮动)相关技巧文章 2023-12-09
- 基于jQuery和CSS3实现APPLE TV海报视差效果 2023-12-21
- 带你了解session和cookie作用原理区别和用法 2024-02-11
- vuejs el-input实现textarea在光标处插入追加内容 2024-12-07
- HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend) 2022-11-16
- js实现网页防止被iframe框架嵌套及几种location.href的区别 2023-12-27
- AJAX浅析数据交换的实现 2023-02-23
- jQuery的cookie插件实现保存用户登陆信息 2024-02-11
- Vue 框架之动态绑定 css 样式实例分析 2023-12-19
