我routerview给了其中一个组件那么home.vue想用路由怎么办？

来源：8-9 Vue项目城市选择页 - Vuex实现数据共享

Caeser110

2019-12-30

老师好！
我实现了其中一个组件Menu.vue路由，给这个组件一个实现了这个组件的路由，那么home.vue也想路由，该如何使用?
因为

<router-link to="/Login">
                    <el-dropdown-item>退出</el-dropdown-item>
                  </router-link>

我在home.vue里用router-link，返回的时候发现，变化的还是Menu.vue。我想实现的效果是
（1）点击Menu.vue组件变化Main.vue里的内容（内容是显示不同的组件）
（2）点击Main.vue里的按钮整个页面跳转，不再是只修改Main.vue
我现在不知道怎么样解决，老师有什么思路可以提醒我一下嘛？给点提示就行，我可以去搜

写回答

1回答

Caeser110

提问者

2019-12-30

//img1.sycdn.imooc.com/szimg/5e09598009c9821b03350214.jpg

我用router实现了点击nav后，在main区域内显示不同的组件，但是我在写一个退出的功能时候发现退出时变化的还是main区域，我想点退出后，整个页面都要显示一个新的组件

Caeser110

Dell

多谢老师，已解决，其实我以为view-router出口只能有一个，或者是需要起名字才能多出口，实际上几行代码就能解决我的问题： ``` {path: '/home', component: Home, redirect: '/welcome', children: [{ path: '/welcome', component: Welcome }, { path: '/users', component: Users} ]} ``` 我用这个方式解决的

2020-01-06

共2条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程

相似问题

Uncaught RangeError: Maximum call stack size exceeded

回答 3

老师,关于这个this_=this 这一点有点不懂，打印this时是一个vue,而通过var this_=this 之后，this_打印的是组件？

回答 2

老师，为什么在调用自组件的时候删除方法不能删除父组件的数据

回答 1

程序没报错，路由配置也正确，但是组件不显示

回答 1

删掉component目录后，用Home组件替换hello world组件后报错Failed to mount component

回答 2

打开慕课网App查看更多内容