【发布时间】:2021-10-08 18:21:55
【问题描述】:
我是 svelte 的新手,并试图弄清楚如何修改使用它创建的项目。当前项目有许多绑定到不同变量的滑块,我正在寻找一种方法来实现一个下拉菜单,该下拉菜单也会改变其中一些变量。我不确定如何将 var 绑定到数据对象中的一个数量。假设我想要实现的变量是r0,在选择下拉下拉下拉时,如何将r0更改为repro repro?
let variants = [
{ id: 1, text: 'Wuhan', repro: 2.5 },
{ id: 2, text: 'Alpha', repro: 2.5 },
{ id: 3, text: 'Delta', repro: 3 }
];
<select bind:value={selected}">
{#each variants as variant}
<option value={variant}>
{variant.text}
</option>
{/each}
</select>
【问题讨论】:
-
不确定我是否能理解您的问题。您的代码中的
R0是什么?您的变量selected应绑定到所选选项。要访问相应的repro属性,只需使用selected.repro。也许在用let selected;实例化variants之后声明selected -
在您的代码中,
bind:value={selected}之后还有一个额外的"。查看本教程:svelte.dev/tutorial/select-bindings