vue子路由跳转至子路由的问题

现在有A、A1、B、B1。A、B为一级路由,A1和B1分别为子路由,现在当从A1跳转至B1顺序应该是:
Bcreated --> B1 created --> B1 mounted --> B mounted
但是我这边的顺序是:
Bcreated --> B1 created --> B1 mounted --> B mounted --> B1 created --> B1 mounted
B1这个页面执行了两次。。
代码如下:
mVueRouter = new VueRouter({

        routes: [
            {
                path: '/',
                components: mComponents,
                beforeEnter: function(to, from, next) {
                    if(!mComponents.viewQuote) {
                        mComponents.viewQuote = require('./quote.js');
                    }
                    next();
                },
                children:[
                    {
                        path: '',
                        component: require('../main/new-quote.js')

                    },
                    {
                        path: 'detail',
                        name:'detail',
                        component:  require('../market/new-detail.js')
                    }
                ]
            },
             {
                path: '/more',
                components: mComponents,
                beforeEnter: function(to, from, next) {
                    if(!mComponents.viewMore) {
                        mComponents.viewMore = require('./more.js');
                    }
                    next();
                },
                children:[
                    {
                        path: '',
                        component: require('../main/new-more.js')
                    },
                    {
                        path: 'login',
                        component:  require('../user/new-login.js')
                    }
                ]
            }
        ]
    });

哪位大神能出来指点迷津下。。已经搞了半天了

阅读 3.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题