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路由跳转如何在新窗口打开?


基础教程推荐
猜你喜欢
- Spring Boot + Vue3 前后端分离 实战wiki知识库系统完结 2023-10-08
- VUE项目引入微信JSSDK 实现微信自定义分享 2023-10-08
- clearfix:after清除浮动的用法及测试代码 2024-01-24
- 基于Jquery.history解决ajax的前进后退问题 2022-10-17
- 常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数 2024-02-04
- CSS 一行代码实现头像与国旗的融合 2024-02-09
- Vue vue.config.js 的详解与配置 2023-10-08
- JavaScript将相对地址转换为绝对地址示例代码 2024-01-08
- JS中的防抖与节流及作用详解 2023-11-30
- css实现右侧固定宽度 左侧宽度自适应 2023-12-12