а внутри бефора return; не сработает?

а внутри бефора return; не сработает?

нет

А return false?

А return false?

да нет же

И return false;

не должно

router.afterEach((to, from) => { if(your condition){ next(false) //this will abort route navigation } })

А как, там перехватчик вроде, точно

interceptor /

Блин, ну и запара - кучу джойнов обернутых презентерами на беке в понимабельный для Vue массив преобразовывать. Целый день парюсь))

Кто-то пользовал Vuex? Прокидываю через геттеры параметр вот так: export const variant = (state) => { return state.variant; }; Но при использовании его в компоненте - значение всегда undefined, если вернуть в геттере целиком стейт, то геттер содержит в себе объект variant

Магия?

И если вернуть любое другое значение то геттер всегда содержит его

Может variant зарезервировано на стейте ))))

Биля

Спасибо тебе милчеловек

Пздц

:D

Сработало)

Интересно а накой оно так сделано

А че было то?

Хм, не, не сработало

А вот хз, ковыряю сижу

Ааа, ну ясно )))

Возвращаю значение из стейта - геттер становится undefined

Возвращаю другое значение - все ок

Пробовал выключить и включить?

И имена поменять?

Угу сразу как ты сказал я поменял имя

И не робит

А мутации норм?

консоль лог пишет, что ок

undefined в консоли?

Ну, мутация отрабатывает, стейт меняется

Мож консоль глючит?

Во vuex стейт содержит объект

Возвращаю его в геттер - тут же undefined

Если бы.. В компонентах значение тоже undefined

подскажите элегантный способ сделать элемент не кликабельным на определенное время

По-хипстерски что-ли?))

setTimeout ставь - да и все

подскажите элегантный способ сделать элемент не кликабельным на определенное время

добавить прозрачный блок поверх него

афтером можно

вроде

спасибо, но это какой-то костыль

а что за элемент?

Можно animation-delay'ем )))

Короч я балбес

Body

пока вот так решил: html: @click='animate', :class='{ blinking }' js: animate () { this.blinking = true setTimeout(() => { this.blinking = false }, 3000) } css: blinking { pointer-events: none }

Css класс написать. В темплейте прибиндить его. И в методах сеттаймаут по эвенту

а что за элемент?

ссылка. намекаете на использование элементов формы?

При инициализации store, нужно передавать первоначальный state, с пустым объектом. Иначе реактивная переменная не робит (ну естесно)

лел

При инициализации store, нужно передавать первоначальный state, с пустым объектом. Иначе реактивная переменная не робит (ну естесно)

Хе

setTimeout ставь - да и все

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

Кстать если что название геттера и переменная в стейт могут совпадать

ссылка. намекаете на использование элементов формы?

да просто интересно pointer-events: none в css не подойдет?

да просто интересно pointer-events: none в css не подойдет?

Он тогда будет пропускать клики через себя

а если event.stopPropagation() использовать?

а это тут причём?

stopPropagation останавливает распространения события вверх. Не понял тоже зачем?

от родителя к потомкам это вверх? нуок

тогда уж preventDefault

Я мог попутать )))

Но все равно

Это для другого по-моему

ERROR: S client not available

я это юзаю, например, когда на onclick для body вешаю закрытие модалки, а на onclick модального окна(то есть потомка) stopPropagation(), и оно не реагирует на клик

здесь можно попробовать так же, и элемент с pointer-events: none не будет пропускать клики через себя(не пробовал еще)

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

Убираем картинку и всё норм начинает работать

я это юзаю, например, когда на onclick для body вешаю закрытие модалки, а на onclick модального окна(то есть потомка) stopPropagation(), и оно не реагирует на клик

А я для закрытия меню один раз шину вторую заюзал ))

не понял типо контейнер-сосед?

Ща сек

@click="showModal('recall')

`showModal (key) { this.$bus.$emit('modal::show', key) }`

class="modal-wrapper" @click="closeModal($event)"

closeModal (ev) { if (ev.target.className === 'modal-wrapper') { this.$bus.$emit('modal::hide') } }

/** * Bind show modal event */ this.$bus.$on('modal::show', (payload) => { if (typeof payload === 'string') { this.forms[payload].show = true } })

/** * Bind hide modal event */ this.$bus.$on('modal::hide', () => { let key for (key in this.forms) { if (this.forms.hasOwnProperty(key)) { this.forms[key].show = false } } })

интересно)

Только аккуратно надо

А то запутаешься в событиях

Кто в курсе, че правда точку с запятой вредно из JS кода убирать?

А то запутаешься в событиях

я доку создавал с опсианием всех эмитов в бас

я доку создавал с опсианием всех эмитов в бас

В смысле всех?

Кто в курсе, че правда точку с запятой вредно из JS кода убирать?

Наоборот, вроде. У меня в опенсорсе майнтейнер не рекомендует использовать точки с запятой в JS

Хотя, может, по стандарту и надо ставить.

https://github.com/gilbitron/wp-rest-theme/pull/9 Ну мне тут во че загнули

Причем у самого меня никогда траблов не было

вот ты меня поругали сегодня за грязную функцию, а я ведь хороший: https://repl.it/JKIm/4

Ну грязная - это да

Ну и что, так то?

В пыхе вон почти все грязные - и ничего

Гайс

как там решали проблему с передачей пустых атрибутов в качестве пропспов?

lalka(myProp) чтобы myProp в этом случае был true

lalka(myProp) чтобы myProp в этом случае был true

Дефолтные значения не прокатывают?