Vue点击侧边栏某菜单后,当前页面不变,跳转到新窗口,该怎么实现.

always and forever
  • 13

目前有个需求是这样子哋:先点击a菜单,页面右边显示a菜单应该显示的页面。再点击b菜单,此时当前浏览的a菜单页面不变,地址栏URL也不变,以新窗口的形式打开一个外部链接。

现在是这样实现的:
router/index.js:
image.png
peopleBoard.vue:
image.png
侧边栏逻辑:SideBarItem.vue:
截屏2021-10-25 下午3.44.22.png

截屏2021-10-25 下午3.44.45.png
这样实现的结果是,虽然新窗口页面打开了,但地址栏URL也变成了peopleboard,当前页面变为空白。。

不知道Vue路由能不能实现当前页面不变,点击菜单还能打开新窗口,相关的peopleBoard.vue、index.js、SideBarItem.vue的逻辑该怎么写呢,小白在线求教!!!

回复
阅读 3.2k
3 个回答

楼主,有尝试过在B菜单点击事件上做一个处理吗?
如下图所示
image.png

把要显示外部链接的菜单渲染成<a href="xx" target="__blank">不就行了

宣传栏