vue3项目实战
文章平均质量分 56
vue3+emementplus+ts+vite练手
旋舞的水晶叶
这个作者很懒,什么都没留下…
展开
-
vue3项目实战(六)--右侧头部组件实现(导航菜单伸缩、静态面包屑)
1.1 在layout目录下新建appHeader目录、并在目录下新建AppHeader组件。redirect: ‘/index’, // 进入主页的时候重定向到Index页面。安装pinia组件 在src下新建store目录,目录下新建index.ts。引入 app-header组件 并对之前的右侧路由视图添加滚动组件。// RouteRecordRaw 内置的接口类型。path: ‘/layout’, // 布局页。页面组件才有懒加载方式,同时增加错误页面。// 引入 login.ts。原创 2024-03-05 20:57:06 · 1602 阅读 · 0 评论 -
vue3项目实战(五)---左侧导航菜单栏、菜单组件封装
这里字典管理出现了两次。是因为 我们需要根据自己的需要选择当前菜单下只有一个子菜单时,父菜单是否展示。3.1 components新建MenuTree文件夹,文件夹 新建MenuTree.vue。如果父菜单不展示的红色部分改为大于1就可以了。如果父菜单展示的话,红色部分的注释掉即可。我喜欢都展示,所以注释掉了=1的情况。二、route下index.ts调整。三 、MenuTree组件封装。四、NarBar.vue中使用。1.2.1 权限管理。1.2.2 系统管理。五、运行代码查看效果。原创 2024-03-05 12:26:53 · 3447 阅读 · 0 评论 -
vue3项目实战(四)---左侧导航菜单栏
静态导航菜单原创 2024-03-04 22:47:40 · 1940 阅读 · 0 评论 -
vue3项目实战(三)---页面布局设计
layout页面布局原创 2024-03-04 10:45:55 · 3163 阅读 · 0 评论 -
vue3项目实战(二)--引入常用依赖
vue3项目常用初始化配置原创 2024-03-03 20:39:52 · 1162 阅读 · 0 评论 -
vue3项目实战(一)--初始化项目
2.3 项目启动页面。原创 2024-03-03 15:59:47 · 579 阅读 · 0 评论