element select 自动展开_vue + element-ui 制作下拉菜单（可配置路由、可根据路由高亮list、可刷新自动展开定位路由）...

本篇文章分享一篇关于 vue制作可路由切换组件、可刷新根据路由定位导航(自动展开)、可根据路由高亮对应导航选项

一、实现的功能如下：

1、可折叠导航面板

2、点击导航路由不同组件

            

3、在当前页f5刷新，或者在url输入对应的路由地址，会根据路由打开左侧导航对应的位置并且展开、高亮

二、代码详情

1、main.js

import Vue from 'vue'import App from'./App'import router from './router'

//引入element-ui

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

//注册elementUi组件Vue.use(ElementUI)

Vue.config.productionTip= false

/*eslint-disable no-new*/let gvm= newVue({

el:'#app',

router,components: { App },

template:''})

2、navSlideBar.vue