Created

спасибо!

Created

+

вобще была идея брать инфу сначала из vuex, потом подгружать с сервера и обновлять хранилище

вобще была идея брать инфу сначала из vuex, потом подгружать с сервера и обновлять хранилище

а зачем vuex для этого?

объявить заранее данные, а потом обновлять

и рендеринг будет незаметен

(если уж будет дикая задержка, сойдет за лаги)

(либо просто прелоадер сделай

а зачем vuex для этого?

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

объявить заранее данные, а потом обновлять

ок, уже пробую, спасибо

ок, уже пробую, спасибо

vuex в этом случае излишний

Всем привет. Посоветуйте пож библиотеку для жестов. Интересуют жесты зума и поворота

понял

Всем привет. Посоветуйте пож библиотеку для жестов. Интересуют жесты зума и поворота

что за жесты?

что за жесты?

Тач

Тач

всё равно не понимаю, уж прости

всё равно не понимаю, уж прости

Ну для тачскрина. Жесты типа щепотка, поворот, и т.д.

Ну для тачскрина. Жесты типа щепотка, поворот, и т.д.

animate.css ?

animate.css ?

http://interactjs.io

ах, вот о чем ты, ну, я лично не находил подобного, когда нужно было

Всем привет. Посоветуйте пож библиотеку для жестов. Интересуют жесты зума и поворота

хаммер.жс

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

imagemagic *sarcasm*

непонятен вопрос. ресайза где? на клиенте? на сервере? во время сборки под разные разрешения? vue про клиент, но смысл ресайзить картинки на клиенте, если ты можешь поресайзить их встроенными средствами?

как получить корневые геттеры модуле vuex в мутации?

или корневое состояние

или в мутации модуля можно получить только локальное состояние модуля?

только его стейт

в экшене можеш ьполучить рутовый

и передать его пейлоадом уже в мутацию

спасибо

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

в модульную мутацию

так и сделаю, спасибо

в модульную мутацию

Передавай ссылку в аргументах. Но это костыль еще тот =)

Передавай ссылку в аргументах. Но это костыль еще тот =)

всмысле? ссылку на рутовый стейт? да смысла нет) я предполагаю, там просот какие то проверки присходят, исходя из результата, разные значения записываются, если так, то нет смысла это передавать дальше в мутациЮ. можно все сделать в экшене котоый и дернет по итогу мутацию

или я не прав, и это не точно

:D

всмысле? ссылку на рутовый стейт? да смысла нет) я предполагаю, там просот какие то проверки присходят, исходя из результата, разные значения записываются, если так, то нет смысла это передавать дальше в мутациЮ. можно все сделать в экшене котоый и дернет по итогу мутацию

Я ж и говорю - передавать в мутацию такое это плохо ))

А, ну да. Мэилру же сейчас хантит вьюшников

откуда инфа?

Я ж и говорю - передавать в мутацию такое это плохо ))

никаких ссылок! только реакт, только {...rootState}

откуда инфа?

Тоже интересно. Кстати, на фронтэндконф кто-то идёт?

откуда инфа?

уже минимум 3 hr'а написали

Тоже интересно. Кстати, на фронтэндконф кто-то идёт?

Когда она?

Когда она?

28-29 мая

бесплатная? кинь ссылку

бесплатная? кинь ссылку

не, - жирная

я от конторы иду

http://frontendconf.ru/moscow-rit/2018

господа, а можно Vue отучить показывать пустую страницу в случае ошибки?

господа, а можно Vue отучить показывать пустую страницу в случае ошибки?

error boundary

а ещё трай кэтч

на то место, где у тебя может быть ошибка, которая бьёт рендер

я от конторы иду

уу, повезло

да там прикол такой что мне даже просто var_dump сделать надо - и приходится отключать Vue пока бэкенд дебажу вардампом этим

ну так это у тебя скорее где-то концепция поломалась) ты можешь юзать дебаггер в php и тебе не нужен var_dump ты можешь юзать бэкэнд как API (и vue тогда не при делах к твоим серверным ошибкам, а ты можешь проще их отлавливать)

Для PHP неплохой XDebug

ну так это у тебя скорее где-то концепция поломалась) ты можешь юзать дебаггер в php и тебе не нужен var_dump ты можешь юзать бэкэнд как API (и vue тогда не при делах к твоим серверным ошибкам, а ты можешь проще их отлавливать)

да не, там всё в принципе стандартно - бэк ОктоберЦМС (Laravel то бишь), а var_dump реально необходим если надо быстро посмотреть что у меня там происходит внутри

не, - жирная

Как билет до Бали стоит ;-)

а что error boundary может помочь?

просто чтобы в случае ошибки Vue не выхлапывал всё содержимое <div id="app">

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

@almmaz А почему обычный vue-router не подходит?

@almmaz А почему обычный vue-router не подходит?

Не знаю, не уверен что и асинхронные компоненты подойдут. Есть страница с компонентами и есть всплывающая панелька содержимое которого загружается через jquery ajax и там тоже компонент, которая должна общаться с компонентами на странице

Не знаю, не уверен что и асинхронные компоненты подойдут. Есть страница с компонентами и есть всплывающая панелька содержимое которого загружается через jquery ajax и там тоже компонент, которая должна общаться с компонентами на странице

Тебе нужна асинхронная подгрузка компонентов или асинхронная подгрузка данных в компоненты?

ERROR: S client not available

@almmaz Для общения между компонентами я использую связку Шина-событий + Vuex Шина нужна, чтобы сообщить тому или иному компоненту, что ajax закончен, vuex для хранения данных. от Jquery лучше избавляться там, где он есть. К примеру axios + vue-js-modal

асинхронная подргрузка асинхронных компонентов с асинхронными данными внутри

@almmaz Если нужно асинхронно подкачивать компоненты, то тут немного сложнее и нужно копать в сторону webpack там вроде есть возможность подкачивать бандлы асинхронно

У меня есть компонент AsyncButton. Моя задача сделать, так, что когда я пишу ему в скобках (type="primary"), следовательно выходит так AsyncButton(type="primary"), то мне нужно, чтобы у него срабатывал класс __primary. Вот сами стили в компоненте, где хранится код AsyncButton: .async-btn { height: 38px; border-radius: 3px; background-color: #9013FE; padding: 14px; color: #FFFFFF; font-family: Lato; font-size: 10px; font-weight: bold; line-height: 10px; text-align: center; cursor: pointer; border: 1px solid transparent; text-transform: uppercase; &__primary { background-color: #9013FE; padding: 14px; color: #FFFFFF; font-family: Lato; font-size: 10px; font-weight: bold; line-height: 10px; text-align: center; &:hover { background-color: #AB4EFE; } &:active { border: 1px solid #9013FE; background-color: transparent; color: #9013FE; } &:disabled { border: 1px solid transparent; background-color: #D3D6DB; cursor: not-allowed; color: #fff; } } Как это сделать?

в каких скобках? это pug штолле?

У меня есть компонент AsyncButton. Моя задача сделать, так, что когда я пишу ему в скобках (type="primary"), следовательно выходит так AsyncButton(type="primary"), то мне нужно, чтобы у него срабатывал класс __primary. Вот сами стили в компоненте, где хранится код AsyncButton: .async-btn { height: 38px; border-radius: 3px; background-color: #9013FE; padding: 14px; color: #FFFFFF; font-family: Lato; font-size: 10px; font-weight: bold; line-height: 10px; text-align: center; cursor: pointer; border: 1px solid transparent; text-transform: uppercase; &__primary { background-color: #9013FE; padding: 14px; color: #FFFFFF; font-family: Lato; font-size: 10px; font-weight: bold; line-height: 10px; text-align: center; &:hover { background-color: #AB4EFE; } &:active { border: 1px solid #9013FE; background-color: transparent; color: #9013FE; } &:disabled { border: 1px solid transparent; background-color: #D3D6DB; cursor: not-allowed; color: #fff; } } Как это сделать?

Почему именно так? классы в vue можно добавить через class

по задаче так полоено

ну да, это паг

по задаче так полоено

честно хз возможно тебе помогут props

ок, а как это сделать через пропсы?

.async-button(:class="{primary : type === 'primary'}") попробуй

@almmaz Для общения между компонентами я использую связку Шина-событий + Vuex Шина нужна, чтобы сообщить тому или иному компоненту, что ajax закончен, vuex для хранения данных. от Jquery лучше избавляться там, где он есть. К примеру axios + vue-js-modal

В принципе асинхронные компоненты пока что можно отложить, это задел на будущее чтобы был не один большой js файл. И думал это решит проблему, что есть панелька которая появляется по клику и подгружается содержимое html в котором есть тег компонента, но его не подхватывает vue.

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

https://ru.vuejs.org/v2/guide/components-props.html

https://ru.vuejs.org/v2/guide/class-and-style.html#ad

В принципе асинхронные компоненты пока что можно отложить, это задел на будущее чтобы был не один большой js файл. И думал это решит проблему, что есть панелька которая появляется по клику и подгружается содержимое html в котором есть тег компонента, но его не подхватывает vue.

чтобы на лету умел подхватывать, надо тащить на клиент runtime сборку

@almmaz По логике ничего сложного. Ajax форма/модальное окно, компонент получает данные, после выводит окно с текстом. Возможно есть смысл почитать ajax-реализации модальных окон + шина событий. Пока сложно сказать, в чём конкретно сложность и проблема.

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

да вроде отлично гуглится) https://stackoverflow.com/questions/3545018/selected-text-event-trigger-in-javascript https://www.w3schools.com/jsref/event_onselect.asp (только input и textarea)

В принципе асинхронные компоненты пока что можно отложить, это задел на будущее чтобы был не один большой js файл. И думал это решит проблему, что есть панелька которая появляется по клику и подгружается содержимое html в котором есть тег компонента, но его не подхватывает vue.

на будущее видимо это часть того что ты просил https://ru.vuejs.org/v2/guide/components-dynamic-async.html

на будущее видимо это часть того что ты просил https://ru.vuejs.org/v2/guide/components-dynamic-async.html

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

что случилось с VUEX ru ?

удолили

санкции

+

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

ну это хз, но тут нет ничего сложного

да вроде отлично гуглится) https://stackoverflow.com/questions/3545018/selected-text-event-trigger-in-javascript https://www.w3schools.com/jsref/event_onselect.asp (только input и textarea)

Еее, спасибо)

Еее, спасибо)

сервис " я погуглю за вас" ???

lmgtfy.com