如何在点击左边菜单栏右边显示一个外部链接

[nxycdl]

我想实现在点击树的节点的时候在右边显示http://www.qq.com/ 目前使用了以下方法

  {
    path: '/example',
    component: Layout,
    redirect: 'noredirect',
    name: 'Example',
    icon: 'zujian',
    children: [
      { path: 'index', name: 'Form', icon: 'zonghe', component: _import('page/form') },
      { path: 'website', name: 'website', icon: 'zonghe', component: _import('website/website') },

    ]
  },

website.vue

<template>
  <div class="app-container full">
    <iframe ref="iframe" src="http://www.qq.com"
            style="background-color:transparent; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;left:0;bottom:0;"></iframe>

  </div>
</template>

<script>
  export default {
    created(){
      // window.location.href = 'www.163.com';
      //window.location.href = 'http://www.Baidu.com';   //可以当前域名相对路由
      //window.open();
    }
  };
</script>

不知道这么使用对不对？ 发现iframe 是显示了，但是 里面的按钮链接不能使用？请问还有别的办法没？

[PanJiaChen]

不是很明白到底想表达什么问题？

[nxycdl]

@PanJiaChen 我想实现一个如下的功能。

[PanJiaChen]

Added in d54bdc8