Пытаюсь получать значения из спана. Выпадашка работает, выбранные значения в

Question

Пытаюсь получать значения из спана. Выпадашка работает, выбранные значения в

ней отображаются. Но вотчер, по идее, каждый раз при изменении текста должен консоль лог писать. А он не пишет, только один раз в начале и всё.
Значит ли это, что я что-то не то написал и значения не обновляются?

#frontend #javascript #programming #russian #vue.js

0

13.07.2023

12 ответов

21 просмотр

toropagka Кацяня Автор вопроса

А как надо, чтобы правильно?

0

13.07.2023

Artyom Tuchkov

toropagka Кацяня
А как надо, чтобы правильно?

надо работать с данными, а не с DOM с DOM работает вью и 99% времени в твоем коде не должно быть никаких querySelector’ов, циклов по DOM-нодам и classList’ов почитай для начала про работу со стилями и классами: https://vuejs.org/guide/essentials/class-and-style.html

0

13.07.2023

toropagka Кацяня Автор вопроса

Artyom Tuchkov
надо работать с данными, а не с DOM с DOM работает...

почитал про классы и стили. Но всё еще вопрос про работу с дом. Добавить каждому элементу ref и обращаться через него, а не querySelector?

0

13.07.2023

Artyom Tuchkov

toropagka Кацяня
почитал про классы и стили. Но всё еще вопрос про ...

тебе вообще не нужно обращаться к элементам, если не нужна принципиальная работа с DOM работай с данными: - нужно добавить класс? создай переменную и работай с ней, забайндив ее в шаблоне как :class=“{ anyClassName: yourVariable }” - нужно повесить обработчик? добавь @click на нужный элемент и напиши функцию, для этого не нужен addEventListener - нужно поменять текст? создай переменную и меняй ее, выводя в нужном месте в шаблоне

0

13.07.2023

toropagka Кацяня Автор вопроса

сделал так. Выглядит реально лучше)

0

13.07.2023

Artyom Tuchkov

toropagka Кацяня
сделал так. Выглядит реально лучше)

лучше, но шаблонные рефы тоже не нужно использовать без необходимости, ну и самому манипулировать DOM’ом тоже в данном случае можно хранить нужный текст в отдельной переменной и просто интерполировать ее в шаблоне как {{ text }}, не нужно для этого лезть в textContent

0

13.07.2023

Artyom Tuchkov

toropagka Кацяня
сделал так. Выглядит реально лучше)

этого тоже касается

0

13.07.2023

toropagka Кацяня Автор вопроса

Artyom Tuchkov
лучше, но шаблонные рефы тоже не нужно использоват...

имеешь ввиду вот это ref после знака равно? я еще немного отрефакторил. Оставшиеся переменные без реф не хотят работать, как надо.

0

13.07.2023

Artyom Tuchkov

toropagka Кацяня

имеешь ввиду вот это ref после знака равно? я еще...

шаблонные рефы - это когда ты пишешь в шаблоне ref=“someName” и потом получаешь доступ к этому элементу в коде, объявив переменную с таким же именем этого нужно избегать, если есть альтернативный вариант сделать то же самое через данные обычные рефы, которые не связаны с шаблоном - это ок

0

13.07.2023

Artyom Tuchkov

и это тоже, да когда ты обращаешься напрямую к DOM и пишешь всякие textContent, innerText, classList, querySelector и прочее, то стоит задуматься, можно ли это сделать через данные

0

13.07.2023

toropagka Кацяня Автор вопроса

Artyom Tuchkov
и это тоже, да когда ты обращаешься напрямую к DOM...

еще раз спасибо даже настроение поднялось от причёсанного кода)

0

13.07.2023

Artyom Tuchkov · Accepted Answer

Artyom Tuchkov

шаблонные рефы не нужно трогать и менять самому, да и в остальном - у тебя какая-то каша из querySelector’ов, так на вью не пишут

0

13.07.2023

169 похожих чатов

Пытаюсь получать значения из спана. Выпадашка работает, выбранные значения в

12 ответов

Похожие вопросы