1.首先H5这部分属于 网站首页 地址为 ‘/home’ 下的页面,并且它是一个左侧导航的结构,通过点击左侧导航不同的标签项来实现右侧区域展示不同内容的效果,这明显是一个二级路由,所以我们先创建二级路由页面,在Home页文件夹下新建一个component文件夹,这里存放关于Home页的二级路由组件

2.然后我们应当在router配置中的 ‘/home’ 路由对象中配置它的二级子路由;并且因为我们希望页面一跳转到 '/home' 页面,就默认展示地址为 '/h5' 的子路由,所以我们在 '/home' 路由对象中通过 redirect 配置项,重定向到 '/home/h5' 的页面,这样一旦跳转到 '/home' 的页面重定向到 '/home/h5' 的页面。

3.然后我们在home组件中左侧导航的右边放置一个路由出口

像上面这样,H5部分的二级路由效果就完成了。
754

被折叠的 条评论
为什么被折叠?



