Как при перезагрузке страницы сохранить выбранный option?

Question

[Andy Koshman]

У меня есть форма ввода данных, при вводе данных в input и перезагрузке страницы я сделал так, чтобы данные сохранялись. Не получается сделать нечто подобное для выбранного option, при выборе и перезагрузке страницы option "слетает". Подскажите пожалуйста как можно реализовать, у меня пока не получается.
Вот ссылка на песочницу:
https://playcode.io/1701091

Answer 1

[Чипекве]

Внутри селекта нет никакого кода, который устанавливал бы его value.

Ну привязывать v-model к compuded, который возвращает prop явно некорректно. Ни computed ни prop не перезаписываются (computed можно через get/set, но это другое).

Comments

[Andy Koshman]

Да, c computed косяк, я знаю что это не хорошо:

"Ну привязывать v-model к compuded, который возвращает prop явно некорректно",

но как оно там оказалось я не знаю, может на автомате рука дрогнула, переделаю) А решилось всё просто, я просто добавил selected таким образом:

<option
              v-for="(item, index) in options"
              :key="index"
              :value="item"
              :selected="item === modelValue" >
              {{ item }}
          </option>

не знаю насколько правильно, но вроде работает.