Ребят, очень странная ситуация, помогите пожалуйста. Получаю vuex state в computed computed: { support() { return this.$store.state.activeElement.support; } } И мне надо после каждого изменения стейта выполнить пару команд, делаю это вотчером watch: { support(val) { // do smth... } } Однако же, стейт изменяется (в консоль прилетает сообщение), но вотчер не срабатывает почему-то. Всё это происходит при первой загрузке расширения хрома, дальнейшие изменения стейта вотчер отлавливает почему-то Не знаю даже, что ещё дать. помогите плиз, хз вообще, что делать

господа, а как правильно сделать, есть у меня один компонент содержит инпуты, и другой компонент, тоже содержит инпуты, как например когда я нахожусь на последнем инпуте первого компонента переключить фокус на первый интпут второго комронента?

господа, а как правильно сделать, есть у меня один компонент содержит инпуты, и другой компонент, тоже содержит инпуты, как например когда я нахожусь на последнем инпуте первого компонента переключить фокус на первый интпут второго комронента?

Возможно, $emit из первого компонента и проп во второй

Ребят, очень странная ситуация, помогите пожалуйста. Получаю vuex state в computed computed: { support() { return this.$store.state.activeElement.support; } } И мне надо после каждого изменения стейта выполнить пару команд, делаю это вотчером watch: { support(val) { // do smth... } } Однако же, стейт изменяется (в консоль прилетает сообщение), но вотчер не срабатывает почему-то. Всё это происходит при первой загрузке расширения хрома, дальнейшие изменения стейта вотчер отлавливает почему-то Не знаю даже, что ещё дать. помогите плиз, хз вообще, что делать

Сделай пример в песочнице.

как вариант да, но как-то сложно и костыльно выходит

Сделай пример в песочнице.

Вряд ли получится, так как там достаточно много связей и проще будет просто скопировать приложение полностью

господа, а как правильно сделать, есть у меня один компонент содержит инпуты, и другой компонент, тоже содержит инпуты, как например когда я нахожусь на последнем инпуте первого компонента переключить фокус на первый интпут второго комронента?

Мне кажется проще всего заматчить инпут нативным querySelector и вызвать фокус. Это не должно вызвать никаких сайд-эффектов

И снова здрасте. Я тут пытаюсь настроить vue-cli под старый бекэнд проект. Нашел как убрать хеширование https://cli.vuejs.org/config/#disable-hashed-filenames. Теперь вот пытаюсь заставить генериться несколько файлов. Пробовал через опцию pages, но врубается генерация webpack-html-templates. Можно конечно смириться, но чувство прекрасного требует более элегантного решения. Попробовал через vue build ‘src/apps/tryhard/main.js’, но бандлер все равно зацепился за ‘src/main.js’. Есть идеи как настроить несколько выходных файлов, которые вручную подключаешь в коде бекэнда?

Кстати, кто-нибудь пробовал modern mode использовать с существующим бекэндом типа ларавел?

Мне кажется проще всего заматчить инпут нативным querySelector и вызвать фокус. Это не должно вызвать никаких сайд-эффектов

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

@c01nd01r, может ты подкинешь идею, а то у Ватана такого не было )))

сделай чтобы компонент умел работать с v-model

и собираешь все данные со всех компонентов

и собираешь все данные со всех компонентов

Он про фокус...

Просто такие штуки через события и пропсы делать - это оверхэд, как мне кажется

господа, а как правильно сделать, есть у меня один компонент содержит инпуты, и другой компонент, тоже содержит инпуты, как например когда я нахожусь на последнем инпуте первого компонента переключить фокус на первый интпут второго комронента?

А оно тебе точно надо?

https://stackoverflow.com/questions/40759334/simulate-tab-key

может так

Ребят, очень странная ситуация, помогите пожалуйста. Получаю vuex state в computed computed: { support() { return this.$store.state.activeElement.support; } } И мне надо после каждого изменения стейта выполнить пару команд, делаю это вотчером watch: { support(val) { // do smth... } } Однако же, стейт изменяется (в консоль прилетает сообщение), но вотчер не срабатывает почему-то. Всё это происходит при первой загрузке расширения хрома, дальнейшие изменения стейта вотчер отлавливает почему-то Не знаю даже, что ещё дать. помогите плиз, хз вообще, что делать

Сделай демку на codesandbox?

this.$refs.CustomComponent.addEventListener('emittedEvent',()=>console.log('event') ) Подскажите, можно ли как-то повесить обработчик пользовательского события через refs? Понимаю, что addEventListener не сработает, написал для примера

Забавно, когда задают вопрос, а потом появляется человек с вопросом, содержимое которого отвечает на предыдущий вопрос :)

А оно тебе точно надо?

ну у меня просто для удобства переключение с инпута на интуп Tab. Внутри компонента я юзал $refs, но теперь когда форма состоит из нескольких компонентов неясно как между блоками прыгать

this.$refs.CustomComponent.addEventListener('emittedEvent',()=>console.log('event') ) Подскажите, можно ли как-то повесить обработчик пользовательского события через refs? Понимаю, что addEventListener не сработает, написал для примера

Ты на компонент хочешь повестить обработчик?

ну у меня просто для удобства переключение с инпута на интуп Tab. Внутри компонента я юзал $refs, но теперь когда форма состоит из нескольких компонентов неясно как между блоками прыгать

Ну просто ты ж дефолтную пользовательскую навигацию ломаешь, разве нет? Зачем вообще нужно переключаться с последнего инпута на первый?

Ты на компонент хочешь повестить обработчик?

Да. Понимаю, как правильно нужно это сделать. Но я хочу словить событие компонента из замыкания

не с последнего, а с последнего в компоненте №1 на первый в компоненте №2

Так они же по дефолту должны по табу переключаться, не?

https://developer.mozilla.org/ru/docs/Web/HTML/%D0%9E%D0%B1%D1%89%D0%B8%D0%B5_%D0%B0%D1%82%D1%80%D0%B8%D0%B1%D1%83%D1%82%D1%8B/tabindex

не с последнего, а с последнего в компоненте №1 на первый в компоненте №2

А на уровне верстки это не разрулить?

Да. Понимаю, как правильно нужно это сделать. Но я хочу словить событие компонента из замыкания

Не понимаю, что ты хочешь сделать. Почему просто v-on не повесить? Или юзать Vuex, если это глобальное что-то. Да и не получится так. Ивенты компонентов - это не dom ивенты

кемел

зависит от соглашения, принятого в команде. если команды нет - согласись с собой и пиши одинаково :)

А на уровне верстки это не разрулить?

ну решения просто нет, с помощу вью?

ну решения просто нет, с помощу вью?

Это верстка. Доступность сайта. Это не область Вью

ну решения просто нет, с помощу вью?

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

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

Вот и я про это ... должен же быть какой-то простой способ

ну решения просто нет, с помощу вью?

Табиндексы можно расставлять, но тоже такое себе.

vuex?

Не понимаю, что ты хочешь сделать. Почему просто v-on не повесить? Или юзать Vuex, если это глобальное что-то. Да и не получится так. Ивенты компонентов - это не dom ивенты

У меня есть инпут для которого пишу маску. На одном уровне с ним находится компонент селект с выбором стран, при изменении маска должна пересоздаваться (это можно сделать через v-on). Но проблема в том, что на инпут навешано много слушателей, их нужно удалить. Для этого нужно находиться в замыкании. Там где они и создавались. как-то так. Надеюсь, что понятно

У меня есть инпут для которого пишу маску. На одном уровне с ним находится компонент селект с выбором стран, при изменении маска должна пересоздаваться (это можно сделать через v-on). Но проблема в том, что на инпут навешано много слушателей, их нужно удалить. Для этого нужно находиться в замыкании. Там где они и создавались. как-то так. Надеюсь, что понятно

А маска какая-то особенная? Может готовую взять? Мне imask нравится

А маска какая-то особенная? Может готовую взять? Мне imask нравится

Баг с автозаполнением, баг для сложных инпутов с анимацией...

Пришлось делать свою

А маска какая-то особенная? Может готовую взять? Мне imask нравится

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

не с последнего, а с последнего в компоненте №1 на первый в компоненте №2

Поддерживаю вопрос: по дефолту табом не переключаются чтоли?

Это ж стандартное поведение браузера

Или элементы по верстке сильно раскиданы?

ну бывает вариант когда маска известна и можно перекидывать сразу на следующий инпут по заполнению

скажите, у кого-нибудь есть простой пример vuex модуль с геттером и его привязка на computed prop в компоненте? у меня почему-то getter возвращает undefined при любом синтаксисе

https://vuex.vuejs.org/ru/api/#mapgetters

скажите, у кого-нибудь есть простой пример vuex модуль с геттером и его привязка на computed prop в компоненте? у меня почему-то getter возвращает undefined при любом синтаксисе

https://jsfiddle.net/furryablack/d4w7t3jL/

https://jsfiddle.net/furryablack/d4w7t3jL/

благодарю)

Здравствуйте,можно ли использовать яндекс карту,тег script ,который выдает сам индекс в webpacke?

Здравствуйте,можно ли использовать яндекс карту,тег script ,который выдает сам индекс в webpacke?

Ничего не понял )

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

- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

https://github.com/PNKBizz/vue-yandex-map

?

Это я видел, а можно ли тегом script вставить? Кто сталкивался?

- Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

Вставляйте в index.html, а не в компоненты

ERROR: S client not available

или scriptjs

Это я видел, а можно ли тегом script вставить? Кто сталкивался?

либо на mounted создаешь скрипт элемент, добавляешь src и аппендишь куда надо

я как понимаю правильнее воспользоваться vue-yandex-map

Если подходит и упрощает работу, то почему нет

вечер в хату. как вы заставляете vue-cli бабелить зависимости в es5 ? поигрался со стандартными настройками и выхватил кучу ошибок разнообразных

на старом шаблоне где вебпак конфигурировался руками все было понятно, а тут хер проссышь что где, одного бабеля три файлы настроек епт

Поддерживаю вопрос: по дефолту табом не переключаются чтоли?

у меня еще и ентер юзается

Времени суток доброго. Наверняка есть спецы по вёртске. Не могу полностью скрыть части svg стилями. Т.е. в svg есть элементы (polygon/path/и т.п. с применённым классом), которые нужно полностью скрыть на медиа-запросе для мобилок. Сейчас они просто скрыты, но занимают при этом место в <svg></svg>. Какие стили только не применял, где только не сёрфил в поисках решения... Знает кто как справиться с задачей? Сталкивался может кто

Времени суток доброго. Наверняка есть спецы по вёртске. Не могу полностью скрыть части svg стилями. Т.е. в svg есть элементы (polygon/path/и т.п. с применённым классом), которые нужно полностью скрыть на медиа-запросе для мобилок. Сейчас они просто скрыты, но занимают при этом место в <svg></svg>. Какие стили только не применял, где только не сёрфил в поисках решения... Знает кто как справиться с задачей? Сталкивался может кто

Opacity 0, visibility hidden, display none

Не фига ) в том-то и дело

у меня еще и ентер юзается

А если сделать ход конем и на keyup.enter повешать событие нажатия на таб?

А если сделать ход конем и на keyup.enter повешать событие нажатия на таб?

за идею 5+, нужнл проверить реально ли это вообще

за идею 5+, нужнл проверить реально ли это вообще

Мож не обязательно именно нажатие на таб. Мож есть специальная директива для фокуса на следующем в табиндексе, которая как раз вызывается при нажатии на таб

в js такой директивы точно нет, в js даже деректив нет

Времени суток доброго. Наверняка есть спецы по вёртске. Не могу полностью скрыть части svg стилями. Т.е. в svg есть элементы (polygon/path/и т.п. с применённым классом), которые нужно полностью скрыть на медиа-запросе для мобилок. Сейчас они просто скрыты, но занимают при этом место в <svg></svg>. Какие стили только не применял, где только не сёрфил в поисках решения... Знает кто как справиться с задачей? Сталкивался может кто

Видимо, только через js удалять.

Времени суток доброго. Наверняка есть спецы по вёртске. Не могу полностью скрыть части svg стилями. Т.е. в svg есть элементы (polygon/path/и т.п. с применённым классом), которые нужно полностью скрыть на медиа-запросе для мобилок. Сейчас они просто скрыты, но занимают при этом место в <svg></svg>. Какие стили только не применял, где только не сёрфил в поисках решения... Знает кто как справиться с задачей? Сталкивался может кто

Полностью скрыть - во vue за это отвечает директива v-if Просто скрыть - элемент в DOM'e, но с display: none; во vue: v-show медиа-запросы тут не помогут, ведь вам нужно "полностью скрыть" === "удалить из DOM'a"

Медиа-запросы - это просто условие (для мобилок, адаптив). Удалить и DOM`а не вариант

Времени суток доброго. Наверняка есть спецы по вёртске. Не могу полностью скрыть части svg стилями. Т.е. в svg есть элементы (polygon/path/и т.п. с применённым классом), которые нужно полностью скрыть на медиа-запросе для мобилок. Сейчас они просто скрыты, но занимают при этом место в <svg></svg>. Какие стили только не применял, где только не сёрфил в поисках решения... Знает кто как справиться с задачей? Сталкивался может кто

и что с того, что они занимают место?

место в плане кб или в плане верстки?

кб?

килобайты

фактическое место Крч, vieBox у svg статичен, его css-стилями не изменить. При фиксации ширины (уменьшив) ресайзится. Тут трабл не в скрытии элементов, они нормально скрываются. Оказывается я просто плаваю в svg-коде плохо, масштабирование запретить не могу ))

Ребят, подскажите плиз

Можно ли вообще так писать?

Тоетсь часть кода из computed выносить в метод,

?

why not

Ребят, подскажите плиз

ей, code review, будь мой код, я бы не прошел. Мой лид послал бы меня.

Там никак по другому