然后一刀戳死 bug
关于 elementUI+vue 导航栏跳不到对应的路由,求救
<template>
<el-container style="height: 500px; border: 1px solid #eee">
<el-aside width="200px" style="background-color: rgb(238, 241, 246)">
<el-menu class="el-menu-vertical-demo"
:default-active="defaultActive"
router>
<el-submenu :index="college.collegeId"
v-for="college in show.college">
<template slot="title">
<i class="el-icon-location"></i>
<span>{{college.collegeName}}</span>
</template>
<el-menu-item :index="professional.professionalId"
v-for="professional in college.professionalList">
{{professional.professionalName}}
</el-menu-item>
</el-submenu>
</el-menu>
</el-aside>
<el-container>
<el-main>
<router-view></router-view>
</el-main>
</el-container>
</el-container>
</template>
<script>
export default {
name: "aside1",
data() {
略
},
computed: {
defaultActive: function(){
return this.$route.path.replace('/', '');
}
},
}
</script>
这是 router 的
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const collegePage = r => require.ensure([], () => r(require('@/page/collegePage')), 'collegePage');
const routes = [
{
path: '/',
children:[
{
path: '/:id',
component: collegePage
}
]
},{
path:'/:id',
component:collegePage
}
]
export default new Router({
mode:'history',
routes,
strict: process.env.NODE_ENV !== 'production',
})
数据都可以显示,url 地址也的确变成了 http://localhost:8080/0201
但是主题就是显示不出来