варианта три - прокидывать по цепочке событие дальше bar bar foo - шина событий - vuex никаких $root, $parent и прочего)

если у меня есть массив обьектов, я вывожу их карточками, и мне необходимо выводить тайтл карточки синим текстом, если статус этого обьекта равен 0, а если 1, то тайтл должен быть красным текстом, как это правильно сделать? через v-if что-то слишком длинные условия получаются. а v-bind больше подходит если обьект 1

помогите пожалуйста

но ведь vuex немного не для этого, не? с шиной понятно. а с цепочкой? т.е. в Bar я делаю дополнительно this.$on("something", () => { this.$emit("something",); }); туда будут прилетать события из дочерних элементов теплейта Bar? и улетать дальше в родителя?

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

если у меня есть массив обьектов, я вывожу их карточками, и мне необходимо выводить тайтл карточки синим текстом, если статус этого обьекта равен 0, а если 1, то тайтл должен быть красным текстом, как это правильно сделать? через v-if что-то слишком длинные условия получаются. а v-bind больше подходит если обьект 1

в зависимости от статуса добавляй класс и всё

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

created() { this.$on("something", () => { console.log("on something"); this.$emit("something"); }); } ушло в рекурсию %]

в зависимости от статуса добавляй класс и всё

Я сделал вот подобные стили, в зависимости от статуса styleObject: { color: 'red', fontSize: '13px' } но не понимаю как без v-if присвоить их обьектам

Я сделал вот подобные стили, в зависимости от статуса styleObject: { color: 'red', fontSize: '13px' } но не понимаю как без v-if присвоить их обьектам

не стоит тянуть color и font-size в js) сделай класс - object__active и почитай что я в ссылке кинул

:class="{ object__active: object.status }">

created() { this.$on("something", () => { console.log("on something"); this.$emit("something"); }); } ушло в рекурсию %]

у тебя шаблонов вообще нет у компонентов?

тебе вообще вью нужен?)

:class="{ object__active: object.status }">

я все равно не понимаю, у меня не true false/ 1 0, а множество разных статусов, у каждого свой цвет

я все равно не понимаю, у меня не true false/ 1 0, а множество разных статусов, у каждого свой цвет

Ну сделай тогда метод getClassByStatus и возвращай класс в :class в чём проблема то?)

я думал у вью есть какие-то способы иные

я думал у вью есть какие-то способы иные

Там же дальше описано и если хочешь прямиком стили задавать

Там же дальше описано и если хочешь прямиком стили задавать

да, но если я буду их использовать, то надо v-if добавлять, в итоге код будет на 50 строк больше

да, но если я буду их использовать, то надо v-if добавлять, в итоге код будет на 50 строк больше

А зачем v-if?

Я сделал вот подобные стили, в зависимости от статуса styleObject: { color: 'red', fontSize: '13px' } но не понимаю как без v-if присвоить их обьектам

ты это все перепутал

Ты же класс (или прям конкретный стиль) на основе объекта создашь

у тебя шаблонов вообще нет у компонентов?

есть шаблоны. и в Foo и в Bar мне прост в Foo нужно перерисовать канвас по изменению в Bar'е Bar'ы лежат дивами в Foo и под ними канвас со связями. в bar есть кнопки изменющие связи

на примере можно, есть 3 статуса (например, на самом деле больше), у каждого свой цвет, как это без v-if обрабатывать?

определи классы стилей, определи переменные либов дате, либо в компутеде, которые будут их переключать и в самом компоненте уже делай :class="{ class1: flag1, class2: flag2 }"

определи классы стилей, определи переменные либов дате, либо в компутеде, которые будут их переключать и в самом компоненте уже делай :class="{ class1: flag1, class2: flag2 }"

Ну так некрасиво будет же - лучше сразу класс вернуть

Словарь статус-класс и возвращать нужный

Ну так некрасиво будет же - лучше сразу класс вернуть

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

ему можено сделать вообще проще :style="{ color: statusColor }"

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

ему можено сделать вообще проще :style="{ color: statusColor }"

statusColor это что такое будет?

statusColor это что такое будет?

Например метод, который по твоему статусу возвращает из словаря цвет

Например метод, который по твоему статусу возвращает из словаря цвет

так ты же мне для класса тоже самое предложил)

я так и сделал, все хорошо работает

я так и сделал, все хорошо работает

так о том и речь - хочешь стили, хочешь классы - и ифов не нужно)

Всем привет. после обновления vue проект стал странно работать. в места где должны быть вставлены компоненты, просто вставляются пустые div кто знает как лечить?

После обновления вью все прекрасно работает и компоненты вставляются как надо

странно, а у меня почему-то не работает.

Всем привет. после обновления vue проект стал странно работать. в места где должны быть вставлены компоненты, просто вставляются пустые div кто знает как лечить?

А с какой версии на какую обновился?

Ребята, привет. Подскажите, как передать из потомка родителю значение (из селекта выбранное значение)? Пробую передать с потомка так: <v-select v-model="x" @input="onInput" ...></v-select> methods: { onInput() { this.$parent.$emit('some-text', this.x) } } А ловить в родителе никак не разберу как и примеров толковых не найду. Подскажите, кому не сложно.

А с какой версии на какую обновился?

последние установленные апдейты "webpack-cli": "^3.1.1", "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "vue-loader": "^15.4.2",

Ребята, привет. Подскажите, как передать из потомка родителю значение (из селекта выбранное значение)? Пробую передать с потомка так: <v-select v-model="x" @input="onInput" ...></v-select> methods: { onInput() { this.$parent.$emit('some-text', this.x) } } А ловить в родителе никак не разберу как и примеров толковых не найду. Подскажите, кому не сложно.

убери $parent и слушай в родительском шаблоне на элементе - так же как ты это сделал с v-select

убери $parent и слушай в родительском шаблоне на элементе - так же как ты это сделал с v-select

А если я данные с формы хочу завернуть в письмо, не получится в методах принять и куда-нибудь в дату письма значение передать? Без вывода в такой же элемент

Вопрос, а нормально ли информацию о пользователе хранить в vuex store?

Тип токен и все такое. Мне надо что бы пользак не мог запомнить пароль на сервис и потом что бы автоматом входило

Тип токен и все такое. Мне надо что бы пользак не мог запомнить пароль на сервис и потом что бы автоматом входило

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

Да

И то правда

Буду думать, спасибо

нормально, только префетчи ее с кук например

и грузи в стору

нормально, только префетчи ее с кук например

Ну дело в том, что он и токен хотел там хранить. А токен ему надо хранить или в локалсторе или в куках

я храню токен в куке и в сторе

ток у меня сср

и уже стора приезжает заполненая

и уже стора приезжает заполненая

ну значит хранишь не в сторе же)

Тип токен и все такое. Мне надо что бы пользак не мог запомнить пароль на сервис и потом что бы автоматом входило

в куках или локалсторадже

ну в каком то смысле, да

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

Просто задумался

А если данные пользователя не хранить в куках

А за это будет Redis отвечать

ERROR: S client not available

Тип пользак зашёл, токен загрузился в редис и потом во фронт в зависимости есть ли этот пользователь в бд

Читай про авторизацию и аутентификацию , все уже придумано

Ты тут будто америку пытаешься открыть

Ты тут будто америку пытаешься открыть

Есть такое!

Просто на заморачивайся этим раньше

?

Стандартный и нормальный подход это передать токен юзеру, который записать в localStorage.

последние установленные апдейты "webpack-cli": "^3.1.1", "babel-core": "^6.26.3", "babel-loader": "^7.1.5", "vue-loader": "^15.4.2",

исследование показало что не работает pug, он почему-то перестал конвертировать мой код в тэги

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

https://gist.github.com/zmts/802dc9c3510d79fd40f9dc38a12bccfc вот лучшая статья на русском про jwt, один раз прочитаешь, и все будешь знать.

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

токен в локалсторадже в вью хранят обычно, в наксте в куках

nuxt не юзал

у меня норм открылось. доверие внушает, и альтернатив нет)

ну что в нем такого что тащит?

в паре предложений

для СЕО нет альтернатив нормальных - это главное. ну и по мелочам https в коробке, какието настройки вебпака по умолчанию из коробки, структура папок стандартизированая - это хрошо для командной работы (в джс бывает придешь на проект/читаешь статью и там куча отсебятины, типо как автор посчитал лучше будет)

доки глюканули первый раз за полгода во время их активного редактирования в связи с релизом... ФУ, ГОМНО!!11!адын

доки глюканули первый раз за полгода во время их активного редактирования в связи с релизом... ФУ, ГОМНО!!11!адын

11111

!!!!111!1!1!!!!!

для СЕО нет альтернатив нормальных - это главное. ну и по мелочам https в коробке, какието настройки вебпака по умолчанию из коробки, структура папок стандартизированая - это хрошо для командной работы (в джс бывает придешь на проект/читаешь статью и там куча отсебятины, типо как автор посчитал лучше будет)

кароче расширение для vue которое рулит структурой и какими-то стандартными штуками для настроек вебпака и https запросов?

для сср

без нукст вообще непонятно как вьюсайт в продакшен выпускать

не, вообще понятно, просто это будет дольше дороже и + 2 гемороидальные шишки на жопе

подскажите хороший вариант для #app overflow: hidden, при переходе на те или иные роутеры, можно во vuex вынести переменную и watch router менять значения?

disableScroll = () => { document.body.style.overflow = 'hidden' }

или можно что то такое?))

и засунуть в created and descroy