小编koo*_*1st的帖子

有什么方法可以将道具传递到 svelte 插槽吗?

我有一个带有插槽的父组件,以及一个作为插槽放入父组件中的子组件。

我想通过父组件将道具“gutter”传递给子组件。

有没有办法在没有上下文和存储的情况下做到这一点?

我想要的就是这样。父组件:ParentComp.svelte

<script>
    export let gutter = 0;
</script>

<div>
    <slot gutter={gutter}></slot>
</div>

Run Code Online (Sandbox Code Playgroud)

子组件:ChildComp.svelte

<script>
    export let gutter = 0;
</script>

<div>
    gutter is: {gutter}
    <slot></slot>
</div>
Run Code Online (Sandbox Code Playgroud)

应用程序.svelte

<script>
    import ParentComp from './ParentComp.svelte'
    import ChildComp from './ChildComp.svelte'
</script>

<ParentComp gutter=10>
    <ChildComp>
        <ParentComp gutter=8>
            <ChildComp></ChildComp>
        </ParentComp>
    </ChildComp>
</ParentComp>
Run Code Online (Sandbox Code Playgroud)

实际上,我正在做的是用行组件(父级)和列组件(子级)制作布局组件。我想用单个变量控制行和列的装订线支柱。

我无法使用上下文或存储来执行此操作,因为有时列中有一行。

svelte

6
推荐指数
1
解决办法
2974
查看次数

如何在 Html &lt;input type="date"&gt; 日历面板中隐藏年份部分?

有什么办法可以隐藏年份部分的html日历面板,只在日历上显示月份和日期部分。

html date picker

4
推荐指数
1
解决办法
3734
查看次数

标签 统计

date ×1

html ×1

picker ×1

svelte ×1