Почему VUE удаляет аттрибут selected у тега option?

Question

[Антон Шелестов]

Всем привет!

Собственно вопрос в заголовке
Подробнее:
При загрузке страницы сервер возвращает верстку и в верстке есть несколько селектов в которых уже проставлен selected.
Так же на странице грузится js файл со VUE который на странице генерирует только шапку сайта.
Но почему-то вьюшка в селектах удаляет этот атрибут, почем пока не понял...
Сборщик laravel mix стандартный

Вот скриншот и в нем должны первый и второй пункты быть с selected. в исходном коде страницы все есть.


Может кто-то сталкивался с таким?

Comments

[Александр Васильев]

Без display none проверял?

[VolgaVolga]

Код надо копировать с специальный тег, а не скриншотить.

[Антон Шелестов]

Александр Васильев, проверял по разному, это видимо особенность vue
он монтируется на всю страницу и мутирует дом
если выводить верстку как :selected.attr="selected" то он его не удаляет и преобразует в нормальный вид
В идеале хотелось бы чтобы была настройка которая отключает эту настройку

Answer 1

[Condor]

По сути selected - это свойство vue элемента, которое браузер соответственно не будет отображать как атрибут.
Чтобы отображать его именно как атрибут, нужно использовать .attr модификатор:

:selected.attr="item.selected"

Который принудительно установит привязку атрибута. Пока это единственный способ.