多级路由下，详情页面全屏展示怎么搞

多级路由下，详情页面全屏展示怎么搞？

一级路由为layout，二级路由为某个具体模块，如系统管理，三级路由为具体页面，如菜单管理，四级路由为菜单管理里面的子页面，如详情页面，这个时候想要详情展示全屏怎么显示呢？路由路径要保持层级，如：/system/menu/menuDetail

https://blog.csdn.net/weixin_45232247/article/details/122488101

可以试试这个插件 screenfull

你可以动态改变一下class，通过定位和层级，让你想要的页面覆盖其他内容。举个例子：

 <div class="router-div" :class="true?'screefull':""">
        <router-view />
   </div>

.screefull{
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}