vue.js 路由和导航关联问题

MEChi 发布于 2018/09/29 20:30
阅读 417
收藏 0

我在vue的components中新建了layout.vue作为布局,放如了header、side和main三个容器,其中,side容器中引入了element-UI中的侧边栏:sideNav.vue。我想要在点击侧边栏中不同的选项时,在main容器中显示不同的xxx.vue。看了好几遍router的教程都没想明白该怎么做才能将侧边栏导航的选项与要显示的.vue文件相关联。<router-link to='home'>的话直接就跳转到想要的页面了,没有办法只改变layout.vue中的main容器中的内容,求各位大神支招,老师布置的任务时间比较紧,我都是现学现卖的,实在没办法了。

加载中
0
公孙二狗
公孙二狗

在 main 下面使用 <router-view/> 显示子组件,在 router.js 中把要显示的子组件的路由定义为 layout.vue 的 children

MEChi
MEChi
成功了,谢谢您的思路。
0
喜欢吃猫的鱼
喜欢吃猫的鱼
配置一下路由,把你的vue路径绑定,在请求的时候直接req uest那个路由就好
喜欢吃猫的鱼
喜欢吃猫的鱼
不好意思 才看这个, 思路是对的
MEChi
MEChi
谢谢大神老师,请配置路由是将我的主页.vue的路径添加到index.js,然后在侧边栏选项中加入click事件,点击后在layout.vue中的main容器中request这个路由吗?这个思路是够正确呢?
返回顶部
顶部