当路由有多层嵌套，动画出现了异常

[yellowSTA]

export default new Router({ routes: [ { path: '/', redirect: '/index' }, { path: '/index', component: index, children: [ { path: '', name: 'home', component: home }, { path: 'page1', name: 'page1', component: page1 }, { path: 'page2', component: page2, children: [ { path: '', name: 'setting', component: setting }, { path: 'page3', name: 'page3', component: page3 } ] } ] } ] })

进入page2的子路由，动画明显和其他不一样

[zhengguorong]

如果你子路由没有用PageTransition包裹，是不会有动画的，你可以这样写

routes: [
    {
      path: '/',
      name: 'PageTransition',
      component: PageTransition,
      children: [{
        path: '',
        component: Index
      }, {
        path: '/pageA',
        component: PageTransition, // 这里对pageA的子路由做一层包裹
        children: [
          {
            path: '',
            component: PageA
          },
          {
            path: 'pageC',
            component: PageC
          }
        ]
      }, {
        path: '/pageB',
        component: PageB
      }]
    }
  ]