Svelte:组件上下文
Svelte:组件上下文
提问于 2021-03-29 16:16:23
我创建了一个自定义dropdown组件。我在同一个页面上有多个它的实例，如下所示：
label : <Select>
label : <Select>
label : <Select>每当我单击该组件时，第一个组件都只能打开。我该如何解决这个问题呢？谢谢。
// Select.svelte
<div class="dropdown">
<slot></slot>
</div>SelectItem.svelte
<Select>
content
</Select>items.svelte
{#each items as item}
<item />
{/each}item.svelte
<SelectItem/>回答 1
Stack Overflow用户
发布于 2021-03-29 17:23:14
理想情况下，您应该拥有如下所示的内容
<script>
//App.svelte
import Select from "./Select.svelte"
let options = [
{label:"State 1", id:1},
{label:"State 2", id:2}
]
let country = [
{label:"Country 1", id:1},
{label:"Country 2", id:2}
]
</script>
<Select options={options}/>
<Select options={country} /><script>
//Select.svelte
export let options = []
</script>
<select>
{#each options as option}
<option>{option.label}</option>
{/each}
</select>检查REPL
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66850791
复制相关文章
相似问题
腾讯云开发者
