-
13用户列表-在sessionStorage 中保存激活的菜单
浏览数: 520 菜单属性default-active 关键代码块 <!--菜单属性--> <el-menu :default-active="activePath"> <…
-
12.用户列表-通过路由的形式展现用户列表
浏览数: 513 新建一个Users的组件文件,通过子路由的方式将Users 做为home主页的子页面 新建Users.vue <template> <div> <h3>用户列表组件&…
-
11主页-实现侧边栏路由连接的改造
浏览数: 545 通过menu 菜单属性 router (是否使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转) https://element.eleme.cn/…
-
10主页-实现首页路由的重定向效果
浏览数: 536 可以定义/home 的子路由进行重定向 关键代码块 router.js import Welcome from "./components/Welcome"; { path: …
-
09主页-实现侧边栏折叠与展开的效果
浏览数: 1,886 element-ui导航栏菜单的属性中有两个属性分别是collapse(是否水平折叠收起菜单(仅在 mode 为 vertical 时可用))和collapse-transition(是否开启折叠动…
-
08主页-一次只能打开一个菜单
浏览数: 554 通过导航栏菜单的Menu Attribute(菜单属性)unique-opened 设置是否只保持一个子菜单的展开 https://element.eleme.cn/#/zh-CN/component/…
-
07主页-调整菜单字体颜色并设置动态icon
浏览数: 513 选中的二级菜单颜色调整可以通过active-text-color 进行设置 active-text-color="#2c8aee" 一级菜单的图标可以和菜单的id进行绑定 <t…
-
06主页-通过for循环渲染左侧菜单
浏览数: 488 通过v-for 循环渲染一级菜单和二级菜单 <template> <el-container class="home-container"> <el-h…
-
05主页-获取左侧菜单数据
浏览数: 489 通过axios请求接口menus 返回所有菜单数据 <template> <el-container class="home-container"> <…
-
03主页-实现导航菜单的基本结构
浏览数: 566 在element-ui 中找到导航菜单组件https://element.eleme.cn/#/zh-CN/component/menu <el-menu default-active="…