element-ui 左侧导航栏的布局实现，效果如下图 涉及的组件： 　　App.vue 　　router.js 　　layout.vue： nav.vue（左侧导航区域，内含循环小组件 asideBarItem.vue）、AppMain.vue （右侧主内容区域） 　项目结构 ...

这里使用的Element文档版本是2.13.1。 路由文件index.js： import Vue from 'vue' import Router from 'vue-router' import Form from '@/components/Form' import Data ...

1、说下本次产品需求 （1）左侧菜单的高度根据右侧内容高度的改变而改变，且右侧内容高度小于一整屏时左侧显示一整屏。 涉及公司隐私此次不进行截图展示。 代码部分截图： 主要代码展示 menu组件中加入默认样式 ...

实现思路： 在el-menu-item中绑定点击事件，每次点击的时候，把item的值传入进去，把vuex的item设置成点击的item。 具体看代码： 1、 拷贝面包屑导航 2、 因为是跨组件间的传值，所以使用vuex，把vuex给分 ...

<template> <!--实现左侧导航条动态渲染(三级)--> <el-menu class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" :collapse="isCollapse ...

1、 引入tags 2、 vuex 4、tabs组件 ...

...

...