vue门户网站简单记录

最新推荐文章于 2024-09-22 18:06:30 发布

Lun_dy

最新推荐文章于 2024-09-22 18:06:30 发布

阅读量452

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Lun_dy/article/details/129145895

版权

本文记录了一次使用Vue.js创建门户网站的过程，主要内容包括项目要求、导航实现、页面展示区的iframe嵌套以及父子组件间的通信。通过动态设置导航路由，根据用户权限显示不同子系统，并利用iframe展示各个子系统的页面，实现父子组件间的数据交互。

摘要由CSDN通过智能技术生成

编写门户网站记录

项目要求
重点记录

项目要求

公司要求要一个门户网站，里面放入其他系统，当作子系统，经过研究我决定用iframe嵌套的方式把子系统嵌套入门户网站。

重点记录

let currentMenu = [
              {
                id: '1', // 唯一标识
                title: '权限管理系统', //tab 页上展示的名称
                children: [
                  {
                    id: '1-1',
                    title: '用户信息管理',
                    icon: 'el-icon-folder-opened',
                    component: '',
                    url: '',
                    children: [
                      {
                        id: '1-1-1',
                        title: '用户信息查询',
                        icon: 'el-icon-folder-opened',