【问题标题】:Do dynamic props exist in Svelte 3Svelte 3 中是否存在动态道具
【发布时间】:2019-09-26 10:48:56
【问题描述】:

当我遍历动态组件时:

<svelte:component collection={collection} uid={uid} this={upload_component} 
     bind:action={restart}/>

是否可以为每个组件使用一组动态道具。每个组件都有自己的一组 prop 名称和 prop 值。

解决方案示例:

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

    const pkgs = [{
        name: 'svelte',
        version: 3,
        speed: 'blazing',
        website: 'https://svelte.dev'
    }, ];
</script>

<Info {...pkgs[0]}/>

更多内容请参阅 Rich Harris 的回答 here

【问题讨论】:

    标签: svelte


    【解决方案1】:

    是的。你需要spread props:

    <svelte:component this={upload_component} bind:action={restart} {...someprops}/>
    

    (请注意,绑定和事件侦听器包含在这些道具中 - 但您始终可以在道具之间传递回调函数。)

    【讨论】:

    • Thnx,我已经用你的回答更新了问题。
    猜你喜欢
    • 2020-03-07
    • 2018-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-24
    相关资源
    最近更新 更多