苗条:在父母和孩子之间转移道具

MaxCore

我用两个slots名为button编写了简单的Modal组件content

<script>
    let opened = false;

    function open() {
        opened = true;
    }
</script>

<slot name="button" opened={opened} open={open}/>

{#if opened}
    <slot name="content"/>
{/if}

另外,openedopen-method经由传递到父组件<slot name="button"

在App.svelte中:

<script>
    import Modal from './Modal.svelte';
</script>

<Modal let:opened let:open>
    <button slot="button" on:click={open} class:opened>Open</button>
    <div slot="content">Content</div>
</Modal>

因此,有两个问题:

1)道具可以通过任何随机插槽传递给父代看起来有点奇怪。

这样做是一种好习惯吗?:

<slot opened={opened} open={open}/>

<slot name="button"/>

{#if opened}
    <slot name="content"/>
{/if}

2)<div slot="content">Content</div>通过<div>我只能通过Content不能通过<div>Content以某种方式解开吗?

谢谢

约瑟斯

1)是的,这完全可以。另一种方法是使用数据绑定或事件将信息发送给父级。

2)您可以有一个默认的插槽,不需要包装元素。例:

<!-- Modal.svelte -->

<!-- named slot -->
<slot name="button"/>

<!-- unnamed/default slot -->
<slot/>
<!-- usage -->
<Modal>
  <button slot="button"/>
  I'm unwrapped in the default slot! 
<slot/>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

父母和孩子中的点击事件

来自分类Dev

SQL查询选择孩子和父母

来自分类Dev

MySQL从表中选择父母和孩子

来自分类Dev

对从孩子那里获得父母道具的正确方法做出反应

来自分类Dev

获取特定孩子的父母和祖父母

来自分类Dev

在ReactJS中获取孩子的默认道具以在父母中设置状态

来自分类Dev

将道具转移给孩子而无需重新渲染父母

来自分类Dev

让孩子和父母的父母一样宽

来自分类Dev

如何在父母和孩子之间共享过滤器

来自分类Dev

Redux:孩子在父母面前接受道具

来自分类Dev

如何在父母和孩子的阿卡演员之间发送自定义数据?

来自分类Dev

从父母到孩子的反应传递道具行为异常

来自分类Dev

从父母到孩子的动态道具绑定

来自分类Dev

Laravel,由父母和孩子获得结果

来自分类Dev

当父母和孩子都执行exec()时等待孩子

来自分类Dev

修改WordPress中父母和孩子的图标

来自分类Dev

我如何使用班级的父母和孩子?

来自分类Dev

父母和孩子的订单查询

来自分类Dev

父母配对和父母配对之间的区别

来自分类Dev

如何从位置获取父母和孩子的ID

来自分类Dev

在ReactJS中获取孩子的默认道具以在父母中设置状态

来自分类Dev

将道具转移给孩子而无需重新渲染父母

来自分类Dev

如何在父母和孩子之间共享过滤器

来自分类Dev

将道具从孩子传递到父母(无上下文)

来自分类Dev

MySQL按父母和孩子排序

来自分类Dev

Caliburn.micro 父母->孩子和孩子->父母互动

来自分类Dev

结合父母名单和孩子名单

来自分类Dev

如何在Angular中将道具孩子设置为父母?

来自分类Dev

父母与孩子之间的沟通问题 - Angular 6

Related 相关文章

热门标签

归档