• vue项目中显示第三方外部链接的页面


    1、打开窗口

    window.open(URL, name, specs, replace);
    
    • 1

    window.open()方法用于在浏览器中打开一个新的窗口或标签页。如果不指定第二个参数,则链接通常会在当前窗口中打开,这相当于'_self'

    • name
      窗口的名称,如果指定相同的名称,那么新的URL会在同一个窗口中打开。

      • _blank
        在新窗口或新标签页中打开链接。
      • _self
        在当前窗口中打开链接(默认行为)。
      • _parent
        在父框架中打开链接。
      • _top
        在顶层框架中打开链接。
    • specs
      窗口的特性,比如大小、位置等,以逗号分隔的字符串形式传入。

    • replace
      布尔值,表示是否替换浏览器历史记录中的当前条目。

    如:

    window.open('https://example.com', '_blank', 'width=500,height=400');
    
    • 1

    2、主要区域容器内展示

    <!-- 布局方式
    ---------------------------------
          |       Header           |
          |------------------------|
    Aside |                        |
          |       Main             |
          |                        |
    ------|------------------------|
    -->
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    希望不打开新的页签,浏览器的url不刷新,在当前系统的Main展示区中显示,可以通过Vue Router