VUE2.0 二级多区域路由配置实例

下面就是我想要做的页面:


我想要的效果是点击‘首页’,1和2区域分别显示默认的一些东西;

点击‘编辑’,‘登录’显示别的组件;

下面就是我的工程目录:


我用home.vue做主页:


我在这里定义了两个router-view 分别name是lef和rig;

下面就是我的路由表:


扫描二维码关注公众号,回复: 48486 查看本文章

最后看下展示效果:

首页-


发表-


登录-


有其他问题欢迎留言,谢谢。

猜你喜欢

转载自blog.csdn.net/qq_20389175/article/details/80050182
今日推荐