javascript - 如何在 Sapper 中离开父布局?
问题描述
目前,我正在开发一个项目,该项目Menu
在除两个页面之外的所有页面上共享一个组件。_layout.svelte
我在根文件中添加了菜单组件。现在因为不需要Menu
组件的两个页面是嵌套路由。由于Menu
它们是子路线,因此它们出现在它们内部。他们被设计成这样。但我认为应该有一些方法可以选择退出/离开父布局。否则我将不得不删除_layout.svelte
根文件并将Menu
组件添加到每条路线,这对 DRY 来说太过分了。有没有办法让父母留_layout.svelte
在 Sapper?
解决方案
usingchild.segment
控制使用哪种布局:
<!-- src/routes/_layout.html --> {#if child.segment === 'login'} <svelte:component this={child.component} {...child.props}/> {:else} <div class="fancy-layout"> <svelte:component this={child.component} {...child.props}/> </div> {/if}
推荐阅读
- laravel - 在一个控制器中返回多个模型的总行数
- python - 保存功能在 Tkinter 窗口中不起作用
- vue.js - 如何强制nuxt生成html不在一行
- c++ - std::make_pair、std::unordered_map 和键类型移动构造函数的使用
- flutter - 使用 Flutter 的 iOS 版本键入键盘时如何处理 StreamBuilder 的 ConnectionState?
- python - Django Channels 不向 Android App 发送消息
- algorithm - 识别简单图像中的线段
- java - JavaFX 使用 JFoenix 框架更改关闭选项卡按钮颜色
- .net - 无法附加并进入到 Visual Studio 2019 上的 wcf 进程调试
- angular - 为什么订阅在新的浏览器窗口中不起作用