Node.js — русскоговорящее сообщество Рекомендуем сразу отключить уведомления, чтобы пребывание здесь было комфортным. См. также: @js_ru, @react_js, @angular_ru, @vuejs_ru, @meteorjs_ru Вакансии и поиск работы: @javascript_jobs и @nodejs_jobs https://t.me/nodejs_ru

Спасибо

Тебе туда

Возник такой момент. Есть родительский компонент, в который приходит массив объектов./ Есть дочерний компонент, в который передается массив из родительского. В дочернем есть кнопочка удалить у каждого элемента массива. При удалении элемент массива удаляется из него примерно так this.emails.splice(index, 1) где index это порядоковый номер элемента в массиве. Так вот, до рефакторинга удаление происходило из data, после - из props. Что самое странное не выкидывает ошибку о мутации props Баг или фича?

ссылка не меняется же, никакой мутации нет)

скажите а что в шаблоне нельзя js подключать ?

Module not found: Error: Can't resolve 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBR3mrKwRkZThDruPNcEZWsqZQ_0ekx8GQ' in 'c:\scene\sr

пишет ошику

при попытке вставить в конце шаблона <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBR3mrKwRkZThDruPNcEZWsqZQ_0ekx8GQ"> </script>

Всем привет. Можно ли вызвать событие, а потом его дестроить методами vue?

Возник такой момент. Есть родительский компонент, в который приходит массив объектов./ Есть дочерний компонент, в который передается массив из родительского. В дочернем есть кнопочка удалить у каждого элемента массива. При удалении элемент массива удаляется из него примерно так this.emails.splice(index, 1) где index это порядоковый номер элемента в массиве. Так вот, до рефакторинга удаление происходило из data, после - из props. Что самое странное не выкидывает ошибку о мутации props Баг или фича?

багофича. Вью это не может отследить. В любом случае - мутировать пропсу зло

при попытке вставить в конце шаблона <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBR3mrKwRkZThDruPNcEZWsqZQ_0ekx8GQ"> </script>

В каком шаблоне?

В каком шаблоне?

шаблон страницы

шаблон страницы

vue-cli?

я все не знаю как это называется, грю шаблон))

export default { name: 'SceneEdit', components: {

ну и там html код

ну и там html код

весь твой html, который ты пишешь, будет выглядить в продакшине примерно так: function render() { with(this) { return _c('div', { attrs: { "id": "app" } }, [_v(_s(msg))]) } }

Собственно, откуда там взяться подключению JS файла?

шаблоны компонентов - это не html страницы

почему тогда стили подключаются

как тогда подключить скрипт можно?

почему тогда стили подключаются

Потому что их webpack вытаскивает

Привет коллеги! Есть два компонента, оба берут данные из vuex, через геттеры, изменяют их через мутации, данные связаны, Почему при изменении из первого компонента второй тут-же меняется, а если наоборот - то первый не меняется, если каким-нибудь другим действием не обновить данные?

Может дело во вложенности? Второй обёрнут ещё в один компонент, но это же vuex вроде как раз с вложенностью не должно быть проблем

Вот такая структура: Shop->(ProductList, BottomPanel->ProductList)

а где тогда гугл мапс можно подключить

Привет коллеги! Есть два компонента, оба берут данные из vuex, через геттеры, изменяют их через мутации, данные связаны, Почему при изменении из первого компонента второй тут-же меняется, а если наоборот - то первый не меняется, если каким-нибудь другим действием не обновить данные?

Во втором случае какой-то косяк с первым компонентом, наверное

Вообще не понимаю в чём дело vue devtools говорит, что данные корректно доходят, а в таблице- старые

Вообще не понимаю в чём дело vue devtools говорит, что данные корректно доходят, а в таблице- старые

Покажи код самого компонента.

Точнее, участок где у тебя цепляется геттер из хранилища.

А должен ли джун в начале карьеры владеть мастерски gulp webpack?

А должен ли джун в начале карьеры владеть мастерски gulp webpack?

да)

Парни, подскажите кто-то, из handler watcher при deep: true как вызывать методы другие?

Ну я лось, написал стрелочную функцию handler и она почему-то не работает

по обычному работает

А должен ли джун в начале карьеры владеть мастерски gulp webpack?

Джун вообще должен уметь все, что и все обычные разрабы, просто у него опыта мало и больший кредит на количество ошибок.

А должен ли джун в начале карьеры владеть мастерски gulp webpack?

Мастерски наверное нет, но понимать как это работает и уметь что-то исправить, добавить должен

хз что такое "мастерски" - открыть доку по вебпаку и накопипастить полей?

Всем привет, изучил основы Вью(по русской документации),не трогал только вьюэкс.Компоненты,события,анимация,миксины и тд изучил, что посоветуете изучать дальше? Сам по себе я еще не работал даже джуном, изучал чисто из-за интереса да и универ первый курс не давал куда-то устроиться, первый курс,надо было осмотреться. Что посоветуете изучать дальше, вьюэкс или что-то другое по данному фреймворку?

вьюкс, очень удобная штука, и простая

главное нАчать!

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

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

Начинай с малого с vuex

Парни, а как правильно передать пароль на бек при авторизации или регистрации с формы на vue?

Начинай с малого с vuex

Хорошо, спасибо, начну тогда с него.

Всем привет, изучил основы Вью(по русской документации),не трогал только вьюэкс.Компоненты,события,анимация,миксины и тд изучил, что посоветуете изучать дальше? Сам по себе я еще не работал даже джуном, изучал чисто из-за интереса да и универ первый курс не давал куда-то устроиться, первый курс,надо было осмотреться. Что посоветуете изучать дальше, вьюэкс или что-то другое по данному фреймворку?

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

Парни, а как правильно передать пароль на бек при авторизации или регистрации с формы на vue?

Через POST запрос

Всем привет, изучил основы Вью(по русской документации),не трогал только вьюэкс.Компоненты,события,анимация,миксины и тд изучил, что посоветуете изучать дальше? Сам по себе я еще не работал даже джуном, изучал чисто из-за интереса да и универ первый курс не давал куда-то устроиться, первый курс,надо было осмотреться. Что посоветуете изучать дальше, вьюэкс или что-то другое по данному фреймворку?

Пробуй че нить на голом вью пилить. Но лучше начинать с JS

Пробуй че нить на голом вью пилить. Но лучше начинать с JS

Думаю в настоящее время с js можно и в контексте вью поиграться в отдельных модулях, одно не мешает другому. Это лет 7-10 назад лучше было с js начинать, не так было все на фреймворки завязано

по очереди вызывай мутации

Можно сделать action или mutation которые будут вызывать остальные мутации

Как в сторе получить роутер?

Как в сторе получить роутер?

https://github.com/vuejs/vuex-router-sync

Почему в vue предпочтительнее vue-resource чем axios? или это миф?

Почему в vue предпочтительнее vue-resource чем axios? или это миф?

axios

Доброго времени суток, вот у меня есть проблема. У меня когда пользователь залогинился нужно его поля переместить в state. Как это сделать если ранее в state эти поля не были обьявлены?

Доброго времени суток, вот у меня есть проблема. У меня когда пользователь залогинился нужно его поля переместить в state. Как это сделать если ранее в state эти поля не были обьявлены?

Контейнер общий есть хоть?

ERROR: S client not available

Контейнер общий есть хоть?

state.js?

state.js?

Нет, типа state.userData : {} ?

Нет, типа state.userData : {} ?

нет, в state.js отдельно массива для данных пользователей не выделялось

нет, в state.js отдельно массива для данных пользователей не выделялось

Наверное нужно создать. А то все в кашу держать неудобно будет. И обновлять это потом легче.

Наверное нужно создать. А то все в кашу держать неудобно будет. И обновлять это потом легче.

создал. То есть мы заранее создаим массив а потом можно будет в него класть данные? Есть какой-то специфический способ что бы класть данные?

Народ кто что юзает? https://github.com/weifeiyue/vue-datepicker-local https://github.com/MikaelEdebro/vue-airbnb-style-datepicker нужен мощный кастомизирумый datepicker + daterange picker

нашел https://vcalendar.io/

вообще шик

нашел https://vcalendar.io/

Привет, а есть такое же приятное что то, но и с time?

Привет, а есть такое же приятное что то, но и с time?

я хз, там он дикокастомизируемый, я нашел его 5 минут назад, как раз доку читаю

создал. То есть мы заранее создаим массив а потом можно будет в него класть данные? Есть какой-то специфический способ что бы класть данные?

я использую ...spread

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

Народ кто что юзает? https://github.com/weifeiyue/vue-datepicker-local https://github.com/MikaelEdebro/vue-airbnb-style-datepicker нужен мощный кастомизирумый datepicker + daterange picker

в vuetify есть отличный

Добрый день. Знаю, что вопрос очень типовой, но всё равно не знаю, как корректно решить задачу. Есть компоненты A > [B] > [C] > [D, E, F] в A есть много B в них много C в них компоненты D E F. У D E F есть некоторый метод. Требуется по действию в A уметь вызывать метод в DEF, при этом либо делать это синхронно, либо асинхронно, но так, чтобы была возможность получить результат или хотя бы факт окончания выполнения. Можно ли такое сделать? Можно с Vuex, хотя не вижу, чем он тут поможет. Вариант с $chldren.$children.$children - совсем не нравится. ref вроде тоже не работают в виду динамичности + видимости только до ближайшего родителя.

Добрый день. Знаю, что вопрос очень типовой, но всё равно не знаю, как корректно решить задачу. Есть компоненты A > [B] > [C] > [D, E, F] в A есть много B в них много C в них компоненты D E F. У D E F есть некоторый метод. Требуется по действию в A уметь вызывать метод в DEF, при этом либо делать это синхронно, либо асинхронно, но так, чтобы была возможность получить результат или хотя бы факт окончания выполнения. Можно ли такое сделать? Можно с Vuex, хотя не вижу, чем он тут поможет. Вариант с $chldren.$children.$children - совсем не нравится. ref вроде тоже не работают в виду динамичности + видимости только до ближайшего родителя.

vuex, или пропсы пока голова не треснет .... ну можно изменить архитектуру, чтобы все стало проще и понятнее(это нужно на месте смотреть)

vuex, или пропсы пока голова не треснет .... ну можно изменить архитектуру, чтобы все стало проще и понятнее(это нужно на месте смотреть)

И что дальше с ним делать? Переносить методы из D E F во Vuex? D E F - элементы формы, но не совсем приметивные. У каждого есть свой метод validate. Таких элементов 10 разных примерно. Как-то делать во Vuex 10 методов вида validateA - не очень красиво, да и усложняет использование компонента самостоятельно, так как логика компонента выносится из него

И что дальше с ним делать? Переносить методы из D E F во Vuex? D E F - элементы формы, но не совсем приметивные. У каждого есть свой метод validate. Таких элементов 10 разных примерно. Как-то делать во Vuex 10 методов вида validateA - не очень красиво, да и усложняет использование компонента самостоятельно, так как логика компонента выносится из него

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

Валидацию можно вынести отдельно вообще и вызывать откуда угодно на данных

Валидацию можно вынести отдельно вообще и вызывать откуда угодно на данных

ничему не учат паттерны ))) или считается их неприменимость в JS почемуто

Валидацию можно вынести отдельно вообще и вызывать откуда угодно на данных

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

Ну типа "у меня тут vue, хочу чтобы он мне кофе варил, куки писал и валидировал" :)

И что дальше с ним делать? Переносить методы из D E F во Vuex? D E F - элементы формы, но не совсем приметивные. У каждого есть свой метод validate. Таких элементов 10 разных примерно. Как-то делать во Vuex 10 методов вида validateA - не очень красиво, да и усложняет использование компонента самостоятельно, так как логика компонента выносится из него

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

И что дальше с ним делать? Переносить методы из D E F во Vuex? D E F - элементы формы, но не совсем приметивные. У каждого есть свой метод validate. Таких элементов 10 разных примерно. Как-то делать во Vuex 10 методов вида validateA - не очень красиво, да и усложняет использование компонента самостоятельно, так как логика компонента выносится из него

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

И что дальше с ним делать? Переносить методы из D E F во Vuex? D E F - элементы формы, но не совсем приметивные. У каждого есть свой метод validate. Таких элементов 10 разных примерно. Как-то делать во Vuex 10 методов вида validateA - не очень красиво, да и усложняет использование компонента самостоятельно, так как логика компонента выносится из него

дак можно же во вьюикс пихать после валидации

дак можно же во вьюикс пихать после валидации

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

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

У меня есть компонент. Согласно общей концепции он должен быть слабосвязным с окружением и должен уметь использоваться вне зависимости от того, где и как. Компонент - элемент формы. Его валидация - это однозначно часть логики именного этого компонента. Речь идёт не о той валидации что "код товара должен быть из 6-ти буков", который у одного и того же элемента формы могут быть разные в разных задачах, а валидации именно компонента. Например, компонент вида "введите от x до y значений" должен подразумевать, что введено от X до Y значений, при этом пустые не считаются. И такая валидация - часть этого компонента, потому что где бы я его далее не использовал, в нём требуется это проверять, это логика самого компонента, а не бизнес-процесса

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

Там не совсем "одна форма или много", сама задача целиком в генерации сложных форм и заключается (по типу гугл форм). Я понимаю, как можно сделать через vuex, понимаю и как сделать просто используя традиционные классы, их в общем-то тоже не отменяли. Да и кашу и костыли всегда можно придумать. Интересно было именно какое решение принято в vue сообществе, потому что изначальная задача "вызвать метод компонента из дальнего родителя" - кажется довольно базовой и частовстречаемой

Кто как борется с автоматическим закрытием вебсокета на клиенте? Сначала думал юзать нативные сокеты Vue, но так как это не SPA, пришлось просто юзать либу (в моем случае - autobahn.js). Нормально ли на onClose вешать метод переподключения?