Друзья, подскажите логику работы с модальными окнами. Использую Semantic.UI + VueJS, хочу контролировать открытие и закрытие модалки из какого-то родительского компонента просто с помощью свойства isVisible и конструкции v-if в шаблоне. В самом окне добавил хуки mounted и beforeDestroy, там вызывается jquery-код, который открывает и закрывает модалку, например на открытие такой простой код: $(this.$el).modal('show'); Открытие окна работает отлично, когда компонент маунтится, он сразу показывает окно, но вот с уничтожение окна проблемы. В хуке beforeDestroy я вызываю: $(this.$el).modal('hide'); И дальше окно ругается, что элемента уже нет, видимо он уже уничтожен, поэтому окно закрыться корректно не может, остается маска на всё окно браузера. Подскажите, можно ли как-то тут осрочить само удаление элемента, чтобы всё успело отработать нормально? Либо может есть какой-то другой подход к работе с модалками?

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

Ну сама себя закрывает класс навесив)

не, сама разметка модалки существует только тогда, когда она необходима, она под v-if рендерится. Как только модалка закрывается, родительский компонент её выпиливает

v-show ?

Привет всем, у меня почему-то конфликтует Jquery с Vue.js, браузер путается в символе $, из-за этого многие фичи vue.js не работает, всякое попробовал, поставил jquery перед vue и даже попробовал после vue поставит

Привет всем, у меня почему-то конфликтует Jquery с Vue.js, браузер путается в символе $, из-за этого многие фичи vue.js не работает, всякое попробовал, поставил jquery перед vue и даже попробовал после vue поставит

одном работают, но на другом не работает

это проблема 😅

крч на одном сайте jquery 3.1.12, а на другом 1.3.11. проблема в этом что ли?

Оо ностальгия. Бложик на ucoz и конфликт jq между копипастами с стаковерфлоу

ты неправильно понял ))

Оо ностальгия. Бложик на ucoz и конфликт jq между копипастами с стаковерфлоу

А еще раньше вообще стоял вопрос нужен ли вообще этот jquery, это же десятки килобайт трафика

Всем привет! Начал юзать quasar-framework. Сразу же, что мне безмерно понравилось в этом ФВ - Закрытие модальных окон на переход "назад". В других ФВ, при открытой модалке, кнопка "навзад" переходит на предыдущую страницу, а модалка остается открытой. Еще понравилась реализация store: из коробки есть LocalStorage и SessionStorage, а пользоваться этими штуками одно удовольствие, вместо классических коммитов и доставаний значений из $store. Кто-нибудь еще начал его использовать у себя в проектах? Какие моменты в квазаре пугают/настораживают?

$store же удобно использовать для ограничения прав

Всем привет! Начал юзать quasar-framework. Сразу же, что мне безмерно понравилось в этом ФВ - Закрытие модальных окон на переход "назад". В других ФВ, при открытой модалке, кнопка "навзад" переходит на предыдущую страницу, а модалка остается открытой. Еще понравилась реализация store: из коробки есть LocalStorage и SessionStorage, а пользоваться этими штуками одно удовольствие, вместо классических коммитов и доставаний значений из $store. Кто-нибудь еще начал его использовать у себя в проектах? Какие моменты в квазаре пугают/настораживают?

Серьезно? Локалстор не работает в инкогнито сафари и зарезан по размеру

Не работает и зарезан по размеру? Или, в инкогнито не работает, а в не инкогнито - зарезан по размеру? Спрашиваю, так как в сафари не дебажил. Надо проверить. А как вы решаете именование комитов для сторе? Имена комитов глобальные

Порно порно весело задорно

а сессии?

земля пухом

в любом случае, надо глянуть реализацию. Возможно, как то это решается

почитаю про payload, спасибо.

Есть длинный список неких объектов, у этих объектов есть допсвойства, которые нужно подгружать из API. Подгружать нужно в случае если объект видим больше, чем, допустим, 50мс (чтобы при быстром скролле не происходило подгрузки). Велосипед-то свой я уже написал, но может быть кто-нибудь знает готовые библиотеки с "временной очередью с отменами" или что-нибудь в этом роде?

У меня такой вопрос, рендер вьюжс будет конфликтовать с рендером шаблона .hbs?

В каком роде конфликтовать

В синтаксе, оба используют {{}} чтоб рендерить жсон

@alex_sokolov я вот думаю может форкнуть vue-observe-visibility и внутрь него троттлинг на show/hide дописать. Возможно будет проще чем у меня сейчас. По крайней мере на выходе тогда уже будут нужные мне события.

Если вы используете сборку с компилятором шаблонов, то можно переопределить разделители шаблона

Каким образом это делается? Я только вот пол часа назад подумал слезьть с жквериюи и попробовать что-то помощнее

Но это только в сборке с компилятором шаблонов, пока вы не юзаете везде vue-файлы

https://ru.vuejs.org/v2/api/#delimiters

🤔 то есть там, где шаблон файла не .хбс конфликта не будет, а у вьюжс разве есть свой формат? Я тут сижу читай офишл гайд и там пока всё идёт в стаке "хтмл+джс"