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

[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
      }]
    }
  ]