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路由跳转如何在新窗口打开?
基础教程推荐
猜你喜欢
- 「HTML+CSS」--自定义加载动画【024】 2023-10-27
- three.js如何实现3D动态文字效果 2024-01-09
- JS中对Cookie的操作详解 2024-03-21
- 用纯CSS实现禁止鼠标点击事件示例代码 2024-01-23
- Lunar组件获取指定月份的所有老黄历每日宜忌 2025-01-15
- Vue中如何在子组件中验证props 2025-01-16
- 基于Next.js实现在线Excel的详细代码 2024-02-06
- js获取指定的cookie的具体实现 2024-03-21
- Ajax获取数据然后显示在页面的实现方法 2023-01-21
- 如何解决attachEvent函数时,this指向被绑定的元素的问题? 2023-12-01