Browse Source

导航菜单随页面前进、后退而变化

master
taylor 8 years ago
parent
commit
dbfccfac87
  1. 4
      src/components/Home.vue

4
src/components/Home.vue

@ -30,7 +30,7 @@
</el-submenu> </el-submenu>
<el-menu-item index="/page6"><i class="fa fa-line-chart"></i>导航三</el-menu-item> <el-menu-item index="/page6"><i class="fa fa-line-chart"></i>导航三</el-menu-item>
</el-menu>--> </el-menu>-->
<el-menu style="border-top: 1px solid #475669;" default-active="/table" class="el-menu-vertical-demo" @open="handleopen"
<el-menu style="border-top: 1px solid #475669;" :default-active="currentPath" class="el-menu-vertical-demo" @open="handleopen"
@close="handleclose" @select="handleselect" theme="dark" unique-opened router> @close="handleclose" @select="handleselect" theme="dark" unique-opened router>
<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
<el-submenu :index="index+''" v-if="!item.leaf"> <el-submenu :index="index+''" v-if="!item.leaf">
@ -69,6 +69,7 @@
export default { export default {
data() { data() {
return { return {
currentPath: '/table',
currentPathName:'Table', currentPathName:'Table',
currentPathNameParent:'导航一', currentPathNameParent:'导航一',
form: { form: {
@ -85,6 +86,7 @@
}, },
watch: { watch: {
'$route' (to, from) {// '$route' (to, from) {//
this.currentPath=to.path;
this.currentPathName=to.name; this.currentPathName=to.name;
this.currentPathNameParent=to.matched[0].name; this.currentPathNameParent=to.matched[0].name;
} }

Loading…
Cancel
Save