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


猜你喜欢
- CSS或者JS实现鼠标悬停显示另一元素 2024-01-05
- javascript对下拉列表框(select)的操作实例讲解 2023-12-01
- Lodop打印控件如何去掉试用版字样 2024-12-14
- vue 学习小结(3)关于‘Splan‘ 2023-10-08
- JavaScript整除运算函数ceil和floor的区别分析 2023-11-30
- ion content 滚动到底部会遮住一部分视图的快速解决方法 2024-03-09
- CSS仿网易首页的头部菜单栏按钮和三角形制作方法 2024-01-04
- Django框架利用ajax实现批量导入数据功能 2022-12-15
- 详解JS浏览器事件循环机制 2024-02-25
- JavaScript中import用法总结 2023-12-01