使用vue-router跳转新页面时通过新窗口打开方式

更新时间：2025年10月15日 09:09:54 作者：lurenyibingding

文章提到查看vue-router4文档,可能是指引读者了解或学习vue-router4的新特性、安装方法、API或使用案例等相关信息,vue-router4是Vue.js框架的路由管理器,用于构建单页面应用

vue-router跳转新页面时通过新窗口打开

    let resolvedRoute;

    resolvedRoute = router.resolve({
        path: '/yourpath' 
    });

    // 打开新窗口
    window.open(resolvedRoute.href, '_blank');

详情

可查看vue-router4文档

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Uniapp图片上传的两种实现方式详解
UniApp是一个跨平台的前端框架,它允许开发者使用一套代码构建同时运行在微信小程序、H5、iOS、Android等多个平台的应用,在UniApp中,上传图片通常涉及到使用其提供的File API或者第三方插件来进行操作,所以本文给大家介绍了Uniapp图片上传的两种实现方式
2025-10-10
vue+Ant Design进度条滑块与input联动效果实现
最近接到这样一个需求滑块进度与输入框为一致,默认值为80,最小不能小于30,最大为100，怎么实现这个联动效果呢，下面小编给大家分享下基于vue+Ant Design进度条滑块与input联动效果的实现，感兴趣的朋友跟随小编一起看看吧
2022-12-12
Vue集成TinyMCE富文本编辑器的流程步骤
TinyMCE 是一款功能强大的富文本编辑器,广泛应用于各种 Web 应用中,本文将详细介绍如何在 Vue 项目中集成 TinyMCE,通过详尽的步骤说明、示例代码展示以及丰富的配置选项,助力开发者轻松实现内容编辑的增强与美化,需要的朋友可以参考下
2024-11-11
简单说说如何使用vue-router插件的方法
这篇文章主要介绍了如何使用vue-router插件的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-04-04
vue2+elementui的el-table固定列会遮住横向滚动条及错位问题解决方案
这篇文章主要介绍了vue2+elementui的el-table固定列会遮住横向滚动条及错位问题解决方案,主要解决固定列错位后, 接下来就是把固定列往上提滚动条的高度就不会影响了,需要的朋友可以参考下
2024-01-01
Vue.extend和VueComponent的关系源码解析
这篇文章主要为大家详解了Vue.extend和VueComponent的关系源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-02-02
详解一次Vue低版本安卓白屏问题的解决过程
这篇文章主要介绍了详解一次Vue低版本安卓白屏问题的解决过程,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-05-05
Vue 组件（component）教程之实现精美的日历方法示例
组件是我们学习vue必须会的一部分，下面这篇文章主要给大家介绍了关于Vue 组件（component）教程之实现精美的日历的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2018-01-01
vuex分模块后,实现获取state的值
这篇文章主要介绍了vuex分模块后,实现获取state的值，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
vue使用pdf-dist实现pdf预览以及水印添加
这篇文章主要为大家详细介绍了vue如何使用pdf-dist实现pdf预览以及水印添加的功能，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下
2023-10-10