2020年6月18日

使用vue-cli 4.0 搭建后台系统 (顶部导航+左侧导航) 第五集

摘要: 总结: 1.每个二级菜单都需要一router-view去接受三级组件的展示。 2.页面主要是写了的demo,简单的交互,没有具体去结合业务实践。 3.页面很多元素交互参考了vue-admin-template的实现。 阅读全文

posted @ 2020-06-18 14:30 myYouth 阅读(497) 评论(0) 推荐(0) 编辑

使用vue-cli 4.0 搭建后台系统 (顶部导航+左侧导航) 第四集

摘要: 1。主要说一说,顶部导航和左侧菜单的联动和切换。主要 组件components->topbar->inedx.vue <el-menu :default-active="activeMenu" class="el-menu-bar" mode="horizontal" :background-col 阅读全文

posted @ 2020-06-18 14:25 myYouth 阅读(1032) 评论(0) 推荐(0) 编辑

使用vue-cli 4.0 搭建后台系统(顶部导航和左侧导航) 第三集

摘要: 1.路由处理 分为两部分 ,一部分是不需要权限的或者不需要异步加载的路由 第二部分异步加载的路由。 最后组合成一张路由表。 逻辑在router>index.js 下面是异步路由表的一个构建形式 ,生成的页面演示 { 'path': '/home', 'icon': 'speedometer', 'n 阅读全文

posted @ 2020-06-18 14:13 myYouth 阅读(1095) 评论(0) 推荐(0) 编辑

使用vue-cli 4.0 搭建后台系统(顶部导航和左侧导航) 第二集

摘要: 1. 搭建页面整体布局 layout>index.vue <template> <div :class="classObj"> <!-- 顶部导航 --> <div class="navbar-container"> <NavBar @select="selectMenu" /> </div> <! 阅读全文

posted @ 2020-06-18 13:57 myYouth 阅读(776) 评论(0) 推荐(0) 编辑

导航