子路由层级问题

子路由层级问题

为什么这里把product页面的层级设高一点,就能看到了?


我想问下子路由页面显示的原理是什么?不是跳转到新的页面,是在原有页面上加了一个层吗?老师说说看?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2021-02-24 15:44:07

同学你好,跳转路由不是跳转到新的页面。项目是单页面应用,只有一个html页面。所以不管是一级路由还是二级路由(子路由),不存在跳转到其他新的页面。路由的跳转原理,参考如下理解:

<router-view>是一个容器,当你点击哪一个路由,路由对应的内容就会渲染到这里。例如如下,点击商品列表中的某个商品,那么对应的组件就会渲染在<router-view>中。

http://img1.sycdn.imooc.com//climg/603602af09222a1007530285.jpg

所以页面并没有调整,只是在本页面中又添加了一个商品的组件。这个组件层级不够,就被页面其他内容挡住,此时就需要增加它的层级哦。

http://img1.sycdn.imooc.com//climg/603603780990048706020299.jpg


祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师