openks / learn-vue

自定义组件文档
https://openks.github.io/learn-vue
0 stars 0 forks source link

20180808_使用vue-router实现如下效果 #116

Open openks opened 6 years ago

openks commented 6 years ago
/user   用户列表页
/user/111 用户详情页
/user/111/edit  用户详情编辑页
openks commented 6 years ago

完全实现需求

{
        path: 'user',
        component: {
            template: ' <router-view></router-view>',
            name: 'UserListWrapper'
        },
        children: [
            {
                path: '',
                name: 'UserList',
                component: UserList
            },
            {
                path: ':id',
                component: {
                    template: ' <router-view></router-view>',
                    name: 'UserWraper'
                },
                children: [
                    {
                        path: '',
                        name: 'UserDetail',
                        component: UserDetail
                    },
                    {
                        path: 'edit',
                        name: 'UserEdit',
                        component: UserEdit
                    }
                ]
            }
        ]
    }