javascript - 如何在 Sapper 中离开父布局？

Question

目前，我正在做一个共享 Menu 的项目。除两个页面外的所有页面的组件。我在根目录中添加了菜单组件 _layout.svelte文件。现在因为两个页面不需要Menu组件是嵌套路由。 Menu由于它们是子路线，因此出现在它们内部。他们被设计成这样。但我认为应该有一些方法可以选择退出/离开父布局。否则我将不得不删除 _layout.svelte根文件并添加Menu每条路线的组件都对 DRY 过于不利。有没有办法离开 parent _layout.svelte在工兵？

Answer 1

使用 child.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}