vue实现跳转浏览器新的标签页

Posted 2023-03-10

参考技术A 一般单页面应用，vue都是通过vue-router来做跳转（this. router.replace），不会像多页应用一样另起新标签页面显示(注：不是打开新的浏览器页面)。要想实现，可以用以下方式：

优点：此方式，可以把sessionStorage 中的token一起带过去。

缺点：在新标签页和旧标签页，组件之间方法调用会失效

只要将vue-router和windwow.open结合就好了。原理很简单，获取到需要跳转的地址，再把地址传递给window.open。

window.open会新建窗口打开路由地址，原页面的路由不做跳转。

标签页是iframe的，在此页面跳转其他页面问题

如题所示，已经是iframe页面，我的目的是想 iframe标签页 内通过<a>标签 打开新页面 新页面与iframe页面一样为标签页。 请问我该怎么设置。 <a>标签里的target="_blank",打开的页面是 浏览器的标签页，不是页面的iframe标签页
在线等。

参考技术A

亲，有 4 个保留的目标名称用作特殊的文档重定向操作：

_blank

浏览器总在一个新打开、未命名的窗口中载入目标文档。

_self

这个目标的值对所有没有指定目标的 <a> 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 <base> 标签中的 target 属性一起使用。

_parent

这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。

_top

这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

提示：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。

也可以在 框架中打开窗口
<frameset cols="100,*">
  <frame src="toc.html">
  <frame src="pref.html" name="view_frame">
</frameset> 

===================================================

<h3>Table of Contents</h3>
<ul>
  <li><a href="pref.html" target="view_frame">Preface</a></li>
  <li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
  <li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>

根据的你情况，你可以选择 target="_top"打开。

追问

iframe页面里 放标签连接，打开的页面也要和当前iframe页面一致嵌套在主页面内，不知您理解我说的意思没有。

追答

那你可以用： target="_self"

追问

试过了 都不行。感觉问题不是设置这里。应该是在其他地方控制。等待高人解决一下吧

参考技术B 设置为转发才可以跳转