2023vue跳转不打开新窗口怎么办

 所属分类:web前端开发

 浏览:214次-  评论: 0次-  更新时间:2023-03-01
描述:更多教程资料进入php教程获得。 vue跳转不打开新窗口的解决办法:1、通过“console.log('val.route',val.route)”跳转对应页面;2...
更多教程资料进入php教程获得。

vue跳转不打开新窗口的解决办法:1、通过“console.log('val.route',val.route)”跳转对应页面;2、通过“this.$router.push(val.route)”直接跳转路由,并在当前窗口展示即可。

本教程操作环境:Windows10系统、vue3版、DELL G3电脑

vue跳转不打开新窗口怎么办?

vue 路由跳转时,如何打开新窗口展示?

要点:this.$router.resolve

window.open(routeOne.href, '_blank')

如:

 watch:{
    //监听页面快捷菜单跳转 如待办任务点击更多 等
    routeObj(val){
       //切换菜单
       this.switchApp(val.code)
       //跳转对应页面
       console.log('val.route',val.route)  // 如"/test"
       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视频教程》

以上就是vue跳转不打开新窗口怎么办的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: 跳转,Vue,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!