【问题标题】:Can't get my input value bindings working properly in Svelte 3无法让我的输入值绑定在 Svelte 3 中正常工作
【发布时间】:2021-03-23 21:29:42
【问题描述】:

我正在尝试使用 Svelte 3 制作表单。我的表单中有一些输入。我正在使用#each 块进行多个输入。但问题是输入的值绑定变得混乱并且表现得很奇怪。这是我的 REPL

https://svelte.dev/repl/bdc37a81cbe04654a44b138dd973b16b?version=3.31.0

尝试在输入选项 1 中写入任何内容,输入选项 1 中的单词会跳转到输入选项 2。

【问题讨论】:

    标签: javascript forms svelte svelte-3


    【解决方案1】:

    这是因为你的占位符:

    placeholder="Option {i += 1}"
    

    你正在改变i的值,试试:

    placeholder="Option {i + 1}"
    

    【讨论】:

    • 我不知道我为什么要尝试将 i 加一。我不必增加 i 的值,因为 #each 块已经增加了它。所以我什至不必写 placeholder="Option {i + 1}"。我只需要写 placeholder="Option {i}"。感谢您引起我的注意。但在第二个,写 i + 1 给了我准确的选项编号。所以你的解决方案是摆脱这个问题的最好方法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-18
    • 1970-01-01
    • 1970-01-01
    • 2014-04-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多