да, у меня весь сервак один файл)))

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

заслать там ручками месадж

и глянуть два ответа приходит или один

после этого будет понятно, где баг - на сервере или на клиенте

например какой?

сек, сейчас поищу тот, что я где-то год назад юзал

https://chrome.google.com/webstore/detail/simple-websocket-client/pfdhoblngboilpfeibdedpjgfnlcodoo

вот это я юзал в стиле Postman-а

спасибо, посмотрю

спасибо, посмотрю

там один нюанс важный, если ты допустим авторизуешь юзера в сокете по хедеру - этот плагин в такое не умеет

если из кукей - по идее тоже

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

Подскажите пожалуйста, я в vuejs вообще нубас. Есть основной компонент, некий список который получает данные по апи и есть доп. компонент, фильтрация этого самого списка. Он в data хранит текущий выбор. Вопрос. Как грамотно получать из основного компонента состояние фильтра? Или стоит сделать чтобы фильтр менял data в основном компоненте?

фильтр должен храниться в основном компоненте, а к компоненту фильтра привязываться через v-model например

фильтр должен храниться в основном компоненте, а к компоненту фильтра привязываться через v-model например

т.е. для сортировки списка отдельные компоненты не логичны? у меня 3 фильтра

для сортировки наверное нет, а вот отдельные компоненты разных контролов сортировки очень удачно укладываются

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

ребята, подскажите, пожалуйста: есть graphQL апи, пытаюсь получить данные в vue приложение через apollo подключаю vue-apollo как здесь описано (https://github.com/Akryum/vue-apollo), в итоге получаю ошибку Network request failed with status 0 - "" в самой ошибке никаких дополнительных данных нет если вместо createBatchingNetworkInterface использую createNetworkInterface, то в ошибке добавляется ещё один объект - parseError, с текстом JSON.parse: unexpected end of data at line 1 column 1 of the JSON data данные на вкладке "сеть" в браузере вижу: ответ 200, content-type application/json; charset=UTF-8, сам ответ не пустой, там находится валидный json

вот это, по мнению браузера, ответ в формате json

в какую сторону копать: может быть такое, что каких-то header'ов не хватает со стороны api, или это в apollo что-то не то используется?

так graphql json и возвращает же

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

а какой-нибудь тестер для graphql нормально обрабатывает response?

тот же apollo

ребята, в нативном js, чтобы закрыть модалку при клике вне ее области, на body я вешал listener и проверку на target. Во вью тот же подход?

да, плагин для хрома нормально обрабатывает конкретно с apollo траблы

ребята, в нативном js, чтобы закрыть модалку при клике вне ее области, на body я вешал listener и проверку на target. Во вью тот же подход?

vue-clickaway

vue-clickaway

Ты не понял вопрос

)

ну тут больше инфы нужно, так тяжело что-то понять. я просто ajax запросами забираю данные с graphql

Clickaway под капотом тот же принцип юзает

Да

vue-clickaway

посмотрел код, не впечатлило(

посмотрел код, не впечатлило(

Она работает? Работает

ну тут больше инфы нужно, так тяжело что-то понять. я просто ajax запросами забираю данные с graphql

какой инфы нужно? могу всё что есть предоставить

на jsfield надо

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

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

Дочерний optionClick(val) { eventHub.$emit('optionClicked', this.form) } Родительский created() { eventHub.$on('optionClicked', this.sendOptions) }

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

https://ru.vuejs.org/v2/guide/components.html#Использование-v-on-с-пользовательскими-событиями

спасибо, попробую постичь

спасибо, попробую постичь

https://ru.vuejs.org/v2/guide/migration.html#dispatch-and-broadcast-replaced

mounted () { this.$bus.$on('someEvent') }, при таком подходе в компоненте нужно делать this.$bus.$off('someEvent') в beforeDestroy ?

или не обязательно?

не знаю причем тут миграция, я искал инфу про evenHub

https://ru.vuejs.org/v2/guide/migration.html#dispatch-and-broadcast-replaced

у меня мигация с jquery)

у меня мигация с jquery)

набег?

Передаю дату в дочерний комопнент. Как ее передать только один раз? Что бы при изменеии в родительском компонетне, она заново не передавалась в дочерний

<user-find :data = "users" @needleUsers = "needleUsers"></user-find>

v-once не помогает

В моунтед перезаписать это значение в локальную data и уже им оперировать

Спасибо

В моунтед перезаписать это значение в локальную data и уже им оперировать

Что то я делал делал. И у меня не вышло.

Users есть а в initData почемуто не копируется

Значит, в начале пришел пустой проп

Точно. Я же там данные с апи через fetch гружу. Завтыкал

Ребята, подскажите ещё пожалуйста. Как я могу сгруппировать данные по определённому элементу из массива? Нашёл groupBy в пакете vue-filters и он даже делает то, что нужно. Если в шаблон вставить {{ list | groupBy("item") }} оно выдаёт нужный результат. Но я не знаю как его мне шаблонизировать.

Ребята, подскажите ещё пожалуйста. Как я могу сгруппировать данные по определённому элементу из массива? Нашёл groupBy в пакете vue-filters и он даже делает то, что нужно. Если в шаблон вставить {{ list | groupBy("item") }} оно выдаёт нужный результат. Но я не знаю как его мне шаблонизировать.

array.filter?

array.filter?

подробнее

подробнее

в исходных данных тоже нет подробностей, так что предположу, что можно фильтровать данные по какому-то значению https://learn.javascript.ru/array-iteration#filter

Вот пример того, что мне нужно, но на handlebars https://github.com/shannonmoeller/handlebars-group-by

работает при помощи вот такой конструкции {{#group posts by="date.year"}} <h1>{{ value }}</h1> {{#each items}} <h2>{{ title }}</h2> <p>{{ body }}</p> {{/each}} {{/group}}

а входные данные вот такие { posts: [ { date: { year: 2014 }, title: 'foo', body: 'foo bar' }, { date: { year: 2015 }, title: 'bat', body: 'bat qux' }, { date: { year: 2014 }, title: 'bar', body: 'bar baz' }, { date: { year: 2014 }, title: 'baz', body: 'baz bat' }, { date: { year: 2015 }, title: 'qux', body: 'qux foo' } ] }

А... Я не так понял.

Условно говоря мне нужно что-то вроде <div v-for="item in list | groupBy(blablabla)">

https://t.me/weex_ru

@weex_ru

Oo

Кто может подсказать. Создаю род эллемент в нем есть метод beforeCreate. В нем я через fetch качаю данные. И это данные я передаю в доч. эллемент. Но доч эллемент создается, а дата еще не успевает скачаться. Кто что может посоветовать?

Кто может подсказать. Создаю род эллемент в нем есть метод beforeCreate. В нем я через fetch качаю данные. И это данные я передаю в доч. эллемент. Но доч эллемент создается, а дата еще не успевает скачаться. Кто что может посоветовать?

Не показывай дочерний элемент пока не загрузятся данные.

через v-if

async?

async?

Причём тут этот сахар?

Причём тут этот сахар?

через v-if? Или можно как то подругому?

через v-if? Или можно как то подругому?

Так нормально.