【问题标题】:How do I bind a variable in svelte to an variable within my dropdown object?如何将 svelte 中的变量绑定到下拉对象中的变量?
【发布时间】: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>    

【问题讨论】:

标签: binding svelte


【解决方案1】:

感谢@johannchopin,我猜

$: console.log(selected) 更改为his REPL

R0 = selected?.repro || null 将随心所欲 (Amended REPL)

【讨论】:

    猜你喜欢
    • 2011-08-09
    • 1970-01-01
    • 1970-01-01
    • 2016-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多