【问题标题】:Create a global svelte-component that works like svelte:head创建一个像 svelte:head 一样工作的全局 svelte-component
【发布时间】:2019-12-23 09:20:21
【问题描述】:

在我目前的项目中,我正在使用一个自行开发的模块系统,其中各个模块也应该可以通过在<navbar:extend> 标签内简单地编写一些 HTML 来扩展例如导航栏。

如果有一种方法可以像<svelte:head> 标签那样用很少的文字来完成它,那就太棒了。

【问题讨论】:

    标签: javascript node.js svelte svelte-component


    【解决方案1】:

    如何创建一个商店,您将从组件中写入(更新)您的 HTML 扩展,同时在 NavComponent 中订阅该商店,然后在 NavComponets 中使用 {@html variable} 附加新的 HTML

    就像您可以将来自不同组件的 HTML 附加到导航栏一样,这应该可以实现您想要的功能。

    here is a quick example of the implementation

    Child1.svelteChild2.svelte 是两个随机组件,它们将更新您的导航栏。

    Store.svelte 是您将在其中创建全球商店以共享 HTML 的文件。

    Nav.svelte 是您要使用来自其他组件的 HTML 填充的导航栏

    尝试在 Child1 和 Child2 输入字段中编写一些 HTML 然后提交,它将在 NavComponent 中呈现

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-11-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多