#javascript #forms #svelte #svelte-3
#javascript #формы #svelte #svelte-3
Вопрос:
Я пытаюсь создать форму, используя Svelte 3. У меня есть некоторые входные данные в моей форме. И я использую #each block для создания нескольких входных данных. Но проблема в том, что привязки значений для входных данных путаются и ведут себя странно. Вот мой REPL
https://svelte.dev/repl/bdc37a81cbe04654a44b138dd973b16b?version=3.31.0
Попробуйте написать что-нибудь в опции ввода 1, слова из опции ввода 1 переходят к опции ввода 2.
Ответ №1:
Это происходит из-за вашего заполнителя:
placeholder="Option {i = 1}"
Вы меняете i значение, попробуйте:
placeholder="Option {i 1}"
Комментарии:
1. Я не знаю, почему я пытался увеличить i на единицу. Мне не нужно увеличивать значение i, потому что #каждый блок уже увеличивает его. Так что мне даже не нужно писать placeholder=»Option {i 1}». Мне просто нужно было написать placeholder=»Option {i}». Спасибо, что обратили на это мое внимание. Во-вторых, запись i 1 дает мне точный номер параметра. Итак, ваше решение — лучший способ решить эту проблему.