vue单页面打开外链及嵌套

_潮汐海灵_

于 2020-12-09 16:53:48 发布

阅读量4k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_45669668/article/details/110929660

版权

该博客探讨了在Vue单页面应用中如何处理点击菜单栏时打开外部链接的方法，包括通过路由配置实现新窗口打开和利用iframe在应用内部展示外链内容。文中详细介绍了具体的操作步骤，并展示了实际效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击菜单栏，浏览器创建新窗口打开外链方法很多，
比如通过路由配置

    {
   
        path: "accessControlSystem",
        name: "AccessControlSystem",
        component: Layout,
        redirect: "noRedirect",
        alwaysShow: true,
        meta: {
   
            title: "门禁系统",
            icon: "system",

        },
        children: [{
   
            path: "https：//www.baidu.com/",  // 这里将外链地址配置给path
            hidden: false,
            name: "AccessControl",
            meta: {
    title: "门禁

最低0.47元/天解锁文章