使用router-view增加welcome子组件

来源：4-4 控台欢迎页面开发

qq_l_648

2020-09-23

老师，查看了历史提交记录，发现跟老师的配置一样，无法显示welcome.vue内容，浏览器控制台不报错。接下来我会贴下我的代码，请老师帮忙看看，谢谢
welcome.vue

<template>
   <div>
        <h1>您好，欢迎进入控台</h1>
    </div>
</template>

<script>
    export default {
        name: 'welcome'
    }
</script>

router.js

import Vue from 'vue'
import Router from 'vue-router'
import Login from './views/login'
import Admin from './views/admin'
import Welcome from './views/admin/welcome'

Vue.use(Router);

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [{
        path: '*',
        redirect: "/login",
    }, {
        path: '/login',
        component: Login
    }, {
        path: '/admin',
        component: Admin,
        children: [{
            path: 'welcome',
            component: Welcome
        }]
    }]
})

admin.vue中的子路由部分代码

 <div class="col-xs-12">
              <!-- PAGE CONTENT BEGINS -->
                <router-view/>
               <!-- PAGE CONTENT ENDS -->
 </div><!-- /.col -->

写回答

4回答