vue使用 elementui navMeum实现嵌套路由问题

Question

点击右侧菜单切换时，整个home组件刷新，而不是<router-view>组件刷新，请各位老哥不吝赐教
具体代码如下图：

router.js

{
  path: '/',
  name: 'Home',
  component: Home,
  redirect: '/index',
  children: [
      {
          path: 'index',
          name: 'Index',
          component: Index
      },
      {
          path: 'test',
          name: 'Test',
          component: Test
      }
  ]
},

home.vue

<el-container class="container">
        <el-header>
            <Header></Header>
        </el-header>
        <el-container>
            <el-aside class="aside">
                <Aside></Aside>
            </el-aside>
            <el-main class="main">
                <AppMain></AppMain>
            </el-main>
        </el-container>
        <el-footer>footer</el-footer>
    </el-container>

appMain.vue

<template>
    <transition name="fade-transform" mode="out-in">
        <keep-alive>
            <router-view :key="$route.path" />
        </keep-alive>
    </transition>
</template>

aside.vue

<el-menu style="height: 100%"
 :default-active="$route.path"
 class="el-menu-vertical-demo"
 router
 @open="handleOpen"
 @close="handleClose">
    <el-submenu index="/">
        <template slot="title">
            <i class="el-icon-s-tools"></i>
            <span>设置</span>
        </template>
        <el-menu-item-group>
            <el-menu-item index="/index">首页</el-menu-item>
            <el-menu-item index="/test">test</el-menu-item>
        </el-menu-item-group>
    </el-submenu>
    <el-submenu index="/ts">
        <template slot="title">
            <i class="el-icon-s-tools"></i>
            <span>设置</span>
        </template>
        <el-menu-item-group>
            <el-menu-item index="/ts/tt">test2</el-menu-item>
        </el-menu-item-group>
    </el-submenu>
</el-menu>

看下具体问题出现在哪儿