Бутстрап особо тыкать нечего. Такой же, как с жуквери, только поудобней, кмк. :)

кто-то юзал vuex-orm? как-то можно его прикрутить к restful api?

кто-то юзал vuex-orm? как-то можно его прикрутить к restful api?

Да, юзал. Но уже не помню, как там с api ?

да, нашёл реализацию с graphql, которая вытаскивает всё чё надо с MyModel.fetch() хотел также, но с рестом. @gearmobile можешь глянуть, плез?

да, нашёл реализацию с graphql, которая вытаскивает всё чё надо с MyModel.fetch() хотел также, но с рестом. @gearmobile можешь глянуть, плез?

Ок, попробую позже немного ?

Как можно повлиять на стиль родительского элемента? есть див, внутри него куча дивов и там идет v-for и в зависимости от переменной внутри цикла надо влиять на стиль родительского элемента.

@gearmobile буду очень прзнателен, если найдётся решение

Как можно повлиять на стиль родительского элемента? есть див, внутри него куча дивов и там идет v-for и в зависимости от переменной внутри цикла надо влиять на стиль родительского элемента.

.parent:has(.element) { outline: solid blue; } не?

либо <parent :class="{ comeClass: my_array.length > 5, superClass: my_array.indexOf(some_element) !== -1 }"> <element v-for="element in elements"/> </>

.parent:has(.element) { outline: solid blue; } не?

где-то на родительском находим элемент с таким классом и ему меняем атрибут (классу) ?

либо <parent :class="{ comeClass: my_array.length > 5, superClass: my_array.indexOf(some_element) !== -1 }"> <element v-for="element in elements"/> </>

не понял как из v-for воздействовать на :class родительский?

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

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

<div class="change-me"> <p v-for="i in array"> <span v-if="i.success --- change bg color change-me class"></span> </p> </div>

грубо говоря так

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

или даже так <div class="change-me"> blahblah </div> <div> <p v-for="i in array"> <span v-if="i.success --- change bg color change-me class"></span> </p> </div>

тогда в computed кидай hasSuccess() { this.array.reduce((carry, item) => carry = carry || item.success ) } и в парентовском диве пишем <div class="change-me" :class="{ successClass: hasSuccess }">

тогда если в массиве есть хотябы один удачный элемент, то у тя накинется класс successClass

тогда если в массиве есть хотябы один удачный элемент, то у тя накинется класс successClass

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

пробовал ивент поставить на v-on но ничего не происходит

в какую сторону вообще смотреть?

Полагаю что в сторону документации.

https://ru.vuejs.org/v2/guide/events.html

Логично

на 3 бете уже можно работать?

cli?

cli?

да

да

он уже релиз кандидат давно

Здравствуйте. Подскажите по Vue Router, пожалуйста. Нужно передавать и получать данные из компонента привязаного к роуту. Какой способ считается хорошей практикой? Какие вижу варианты: 1. получить параметр из роута, по нему делать запросы к rest api на получение и отправку данных 2. если хотим работать без запросов к серверу - работать через Vuex Может есть еще варианты? Какой способ считается хорошей практикой?

ну тебе в любом случае надо запрос делать

что бы вьюкс заполнить

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

но если они локальные, ток относятся к1 компоненту, запросом тогда

Скорее всего я где то ошибся, но не могу найти. Почему у меня параметр(10) из url убираеться?

Скорее всего я где то ошибся, но не могу найти. Почему у меня параметр(10) из url убираеться?

покажи конфиг роутера, конкретно этого пути

не уверен, что можно использовать и /store и /store/:page

не уверен, что можно использовать и /store и /store/:page

конфликт в этом, 100%

не уверен, что можно использовать и /store и /store/:page

без обьекта с `path: '/store'` у меня компонент вообще не появлсяется

без обьекта с `path: '/store'` у меня компонент вообще не появлсяется

попробуй с /store/:page?

https://codesandbox.io/s/l9v698xw5m ???

Нихрена не понял где прокидывается мой кастомный компонент. Можешь пример сделать, повторяющий мой точь в точь. Там у меня всего 30 строк.

https://router.vuejs.org/api/#exact

попробуй с /store/:page?

+ Вместо создания двух отдельных роутов - создай один с опциональным параметром "page"

попробуй с /store/:page?

Теперь компонент появляеться, но параметра нет, переходя на /store/5 потом просто /store в url

+ Вместо создания двух отдельных роутов - создай один с опциональным параметром "page"

children?

Нет

Нет

Можешь написать пример?

{ path: "store/:page?", name: 'Store', component: Store }

Нихрена не понял где прокидывается мой кастомный компонент. Можешь пример сделать, повторяющий мой точь в точь. Там у меня всего 30 строк.

Есть профи который может повторить в точности мой пример без лишних файлов? https://codesandbox.io/s/qz6r3kmp9q Просто хочу увидеть лаконичность Вью.

{ path: "store/:page?", name: 'Store', component: Store }

Я так и сделал, теперь компонент появляеться, но параметра нет, переходя на /store/5 потом просто /store в url выходит, хотя параметр отрабатывает свое

Я так и сделал, теперь компонент появляеться, но параметра нет, переходя на /store/5 потом просто /store в url выходит, хотя параметр отрабатывает свое

Ты убрал аналогичный маршрут "path: 'store/'" ? (у тебя их было 2, адолжен быть один, с опциональнымпараметром)

могу ошибаться, но вроде бы у $router.push не используюся разом path и params. либо сам руками в path указываешь params через / если надо, либо { name: 'StoreWithId', params: { page: numPage } }

могу ошибаться, но вроде бы у $router.push не используюся разом path и params. либо сам руками в path указываешь params через / если надо, либо { name: 'StoreWithId', params: { page: numPage } }

кстати да, где-то в доке это было

https://router.vuejs.org/ru/guide/essentials/navigation.html

могу ошибаться, но вроде бы у $router.push не используюся разом path и params. либо сам руками в path указываешь params через / если надо, либо { name: 'StoreWithId', params: { page: numPage } }

да, помогло, спасибо :)

Ребят, может у кого-то возникала подобная проблема с вебпаком? Использую SSR из коробки, но недавно в манифест начало добавлять лишний кусок кода... Уже пару дней бьюсь, пока безрезультатно.. Если удалить, вручную, то все ок становится..

ERROR: S client not available

Проблема в том, что конфиги не менял, версии пакетов тоже. Т.е. особо идей, откуда проблема вылезла, нет....

Кто был на митапе: как оцените? Что стоящего для себя вынесли?

Вынес пару ноутов и проектор

Вынес пару ноутов и проектор

Самое полезное, что там было, видимо?))

Не, на Московском не был, но в СПб не так давно проводился митап от PiterJS на тему vue. Обычно на такие мероприятия всегда стоит сходить - есть о чем послушать

Про анимашки интересно было, только я уснул на этом докладе, т.к. уже полночь была

про анимации норм доклад, для тех, кому это нужно

первый доклад был самый отстой

и кстати киньте линк на последний видос, а то я его прослушал

первый доклад был самый отстой

про пва тож отстой

галопом по европам кароч

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

Коллеги тоже отметили доклад про анимации и один из последних по переходу с ангулар вроде. А все остальное им не понравилось, говорят много пересказа доки

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

где там бест практисы были?

это ты про ts?

так там чувак вообще не смог в аргументацию

там их было очень мало (читай "почти не было"), в основном в самом начале про как можно компоненты оформлять

так там чувак вообще не смог в аргументацию

в итоге все свелось к субъективности

так там чувак вообще не смог в аргументацию

Первый доклад был не так плох на самом деле

В следующий раз будем ждать ваших докладов, которые не «отстой» :) доклады для разных уровней, первый доклад скорее для совсем новичков, думаю, им было интересно

Хз мне он и последний показались более менее интересными

Кто был на митапе: как оцените? Что стоящего для себя вынесли?

названия компаний, куда резюме подать можно будет на вью-разраба

Первый доклад был не так плох на самом деле

а чем?

парни а подскажите для vue table с фильтрами навигацией и т.д

Для меня тс не особо понятная тема, в плане не вижу кейсов для него

Он рассказывал для чего можно юзать

Как вариант валидация пропсов

Как вариант валидация пропсов

Типизация

Парни, спасибо за обратную связь. Действительно, тема была скорее вводная. Я выбирал её опираясь на большое количество вопросов о масштабировании архитектуры, которые задавались на предыдущем митапе. По поводу аргументации, согласен) Это был для меня первый опыт выступления, в сл раз буду поувереннее)