я бы сделал так же как и на JQ, ноды в js никто не отменял, а дальше вешаем логику на событие взад\назад, после выставляем классы\стили

Всем привет! Есть компонент v-card из vuetify, привязываю атрибут color к вычисляемой переменной, чтобы цвет генерировался случайно каждый раз. Но тогда, при серверном рендеринге, получается что этот атрибут вычисляется один раз на сервере, приходит на клиент, отрисовывается и потом запускается гидрация при которой переменная вычисляется ещё раз (но соответственно уже с другим результатом) и цвет меняется. У меня есть подозрение что такое происходит из-за того что атрибута color в отрендереной на сервере разметке нет, и когда начинается гидрация, vue его не находит и начинает заного вычислять и апдейтить класс. Как можно это исправить, никто не подскажет?

Всем привет! Есть компонент v-card из vuetify, привязываю атрибут color к вычисляемой переменной, чтобы цвет генерировался случайно каждый раз. Но тогда, при серверном рендеринге, получается что этот атрибут вычисляется один раз на сервере, приходит на клиент, отрисовывается и потом запускается гидрация при которой переменная вычисляется ещё раз (но соответственно уже с другим результатом) и цвет меняется. У меня есть подозрение что такое происходит из-за того что атрибута color в отрендереной на сервере разметке нет, и когда начинается гидрация, vue его не находит и начинает заного вычислять и апдейтить класс. Как можно это исправить, никто не подскажет?

может стоит цвет на основе каких-то данных вычислять? Чтобы предсказуемое значение получать?

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

на нпм если что есть пакет который на основе строки цвет выдаёт.

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

у меня скорее вопрос не как цвет сделать(он тут как пример просто), а как сделать так чтобы при нестандартных атрибутах не пересчитывать их на клиенте после серверного рендеринга

Всем привет Из-за чего addEventListener(‘scroll’) может не работать? Остальные эвенты работают отлично Пробовал вешать как на элемент (что мне и нужно), так и на window/document Юзаю vue 2.5.13, vue-material для ui-components

Привет, а есть пример использования v-for внутри v-for чтобы у обоих циклов можно было индекс получить?

Привет, а есть пример использования v-for внутри v-for чтобы у обоих циклов можно было индекс получить?

А в чом трабла?

<div v-for="(item, index1) in items"> <div v-for="(subitem, index2) in item.subitems">

Ребят, как правильно в sql передать символ - ' (апостроф) ?

Экранировать наверн)

Ребят, как правильно в sql передать символ - ' (апостроф) ?

''

с фронта ж идет запрос, а encodeURIComponent() - как раз игнорит данный символ

запрос срабатывает, но ошибка в консоли бесит

никогда с фронта не кидал sql запросы, сори

никогда с фронта не кидал sql запросы, сори

++

Необчные кейсы нынче в моде. Пару дней назад кто-то тоже уже писал про общение фронта с бд

зачем sql с фронта?

<?php my_sql_query('...')?>

там вообще pg репу для ноды парень ставил и спрашивал, почему с vue не работает

в смысле экшен с фронта, поиск и подгрузка данных...

в смысле экшен с фронта, поиск и подгрузка данных...

у тебя api есть? такие вещи должна решать API и http клиент

если всё делаешь правильно, ничего экранировать не нужно

Коллеги, доброго дня!

Подскажите плз

Есть компонент. У него есть свойство в data: isActive. В шаблоне у него есть слоты. Я использую этот компонент и передаю ему в слот другой компонент. И вот в этом другом компоненте я хочу слушать свойство isActive. Как это сделать?

если я правильно понял то: https://ru.vuejs.org/v2/guide/components.html#%D0%9F%D0%B5%D1%80%D0%B5%D0%B4%D0%B0%D1%87%D0%B0-%D0%B4%D0%B0%D0%BD%D0%BD%D1%8B%D1%85-%D0%B2-%D0%B4%D0%BE%D1%87%D0%B5%D1%80%D0%BD%D0%B8%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B-%D1%87%D0%B5%D1%80%D0%B5%D0%B7-%D0%B2%D1%85%D0%BE%D0%B4%D0%BD%D1%8B%D0%B5-%D0%BF%D0%B0%D1%80%D0%B0%D0%BC%D0%B5%D1%82%D1%80%D1%8B

Есть компонент. У него есть свойство в data: isActive. В шаблоне у него есть слоты. Я использую этот компонент и передаю ему в слот другой компонент. И вот в этом другом компоненте я хочу слушать свойство isActive. Как это сделать?

Компонентам в слотах не доступен уровень родителя. Только через эмит события наверх и в общем родителе все рулить

Почему шторм подвечивает какие-то импорты зеленым какие то белым?

Почему шторм подвечивает какие-то импорты зеленым какие то белым?

Думаю белые те, что не используются в коде. Работаю в ВС, могу ошибаться )

Всем привет! Подскажите, если я использую moment для форматирования даты в нескольких местах, мне ведь не обязательно тянуть его весь?

не, такие он подсвечивает серым и подчеркивает еще

А, тогда хз )

у тебя api есть? такие вещи должна решать API и http клиент

решил путем реплейса и вместо одного ' , подставляю '' тогда постгрес не ругается )

const Collator = new Intl.Collator("ru"); Collator.compare('Префектура', 'Управление') -1 Почему так? Префектура же главнее

решил путем реплейса и вместо одного ' , подставляю '' тогда постгрес не ругается )

ты совсем ёбобо? Что бы ты ни делал, это неверно.

ты совсем ёбобо? Что бы ты ни делал, это неверно.

дай тогда верный пример

ты совсем ёбобо? Что бы ты ни делал, это неверно.

палехче

дай тогда верный пример

ты серьёзно из фронтенда SQLпосылаешь?

ты серьёзно из фронтенда SQLпосылаешь?

в смысле экшен с фронта, поиск => подгрузка данных...

в смысле экшен с фронта, поиск => подгрузка данных...

SQL инъекций не боишься совсем?

Слать с фронта sql небезопасно. Именно поэтому придумали REST и прочие API

да блять передается перемменая на бек...

Привет! А есть какой-то аналог vue-cli для поднятия проекта на Bootstrap sass с autoreload?

да блять передается перемменая на бек...

она должна быть сериализована и десериализована нормально. Для этого придумали REST

с рестом все в порядке

А если у тебя GET параметры, то значит это какие-то неправильные параметры. Никаких знаков там быть не должно

хреновый апи значит, раз такие проблемы возникают

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

фреймворки не юзаете совсем? Мне кажется такие проблемы не возникают если их юзать

Это вообще не проблема фронтенда, и решать её на фронтенде не нужно. Нужно дать бэкендеру по башкею

ребя, как екшеном - вызвать екшен ?

Всем привет! Есть компонент v-card из vuetify, привязываю атрибут color к вычисляемой переменной, чтобы цвет генерировался случайно каждый раз. Но тогда, при серверном рендеринге, получается что этот атрибут вычисляется один раз на сервере, приходит на клиент, отрисовывается и потом запускается гидрация при которой переменная вычисляется ещё раз (но соответственно уже с другим результатом) и цвет меняется. У меня есть подозрение что такое происходит из-за того что атрибута color в отрендереной на сервере разметке нет, и когда начинается гидрация, vue его не находит и начинает заного вычислять и апдейтить класс. Как можно это исправить, никто не подскажет?

подниму вопрос

Всем привет. Подскажите как пробрасывать события от вложенного дочернего элемента родителю без глобальной шины событий? Например, имеется структура: ParentComponent -> Nested_1 -> Nested_1_1 -> Nested_1_1_1. Как пробросить событие от Nested_1_1_1 к ParentComponent? Заранее спасибо

Всем привет. Подскажите как пробрасывать события от вложенного дочернего элемента родителю без глобальной шины событий? Например, имеется структура: ParentComponent -> Nested_1 -> Nested_1_1 -> Nested_1_1_1. Как пробросить событие от Nested_1_1_1 к ParentComponent? Заранее спасибо

Прокидывыть коллбэк через пропсы или провайд/инжект ИЛИ поднимать вверх событиями.

Прокидывыть коллбэк через пропсы или провайд/инжект ИЛИ поднимать вверх событиями.

Вот, я про поднятие не раз слышал, но не совсем понимаю как это реализовать

Вот, я про поднятие не раз слышал, но не совсем понимаю как это реализовать

this.$emit(eventName, payload) в чайлдах

ERROR: S client not available

Вот, я про поднятие не раз слышал, но не совсем понимаю как это реализовать

@on-event-name в родителях вплоть до нужного

@on-event-name в родителях вплоть до нужного

ок, спасибо. Буду пробовать

ок, спасибо. Буду пробовать

я бы не советовал, если что. ужу лучше ивентбас или vuex

ребя, как екшеном - вызвать екшен ?

dispatch - это функция

я бы не советовал, если что. ужу лучше ивентбас или vuex

особенно если вложенность чайлдов может меняться

привет все, посоветуйте карусель под vue, чтобы loop умела. Я вот прикручивал owl carousel, но при loop она клонирует первый и последний элементы и при это естественно слетают все биндинги - там не просто картинки, а комопненты vue

Привет, можете в кратце пояснить что делает и для чего нужен $vm0 ?

наткнулся в туторе, но не понял как это использовать

для дебага

выбираешь компонент в vue панельке, он становится доступен через $vm0

и можешь обращаться к нему из консоли (вызывать методы, менять данные и т.п.)

во vuex можно как то сделать чтобы мутации объявлялись автоматически? а то надоело к каждому свойству мутацию прописывать

воу, спс

привет все, посоветуйте карусель под vue, чтобы loop умела. Я вот прикручивал owl carousel, но при loop она клонирует первый и последний элементы и при это естественно слетают все биндинги - там не просто картинки, а комопненты vue

я конечно не особо шарю, но попробуй https://github.com/shhdgit/vue-easy-slider

во vuex можно как то сделать чтобы мутации объявлялись автоматически? а то надоело к каждому свойству мутацию прописывать

setField(state, { field, value }) { state[field] = value }

setField(state, { field, value }) { state[field] = value }

круто)

можно еще проверять есть ли такой филд и задано ли вэлью

я конечно не особо шарю, но попробуй https://github.com/shhdgit/vue-easy-slider

ну это такой легкий вариант, где только один компонент на странице, там loop лего реализуется. Ну и не поддерживается много элементов

Всем привет. Подскажите как пробрасывать события от вложенного дочернего элемента родителю без глобальной шины событий? Например, имеется структура: ParentComponent -> Nested_1 -> Nested_1_1 -> Nested_1_1_1. Как пробросить событие от Nested_1_1_1 к ParentComponent? Заранее спасибо

Либо явно поднимать через $emit, либо Vuex

во vuex можно как то сделать чтобы мутации объявлялись автоматически? а то надоело к каждому свойству мутацию прописывать

Писать мутации

Привет, можете в кратце пояснить что делает и для чего нужен $vm0 ?

vm - это сокращение от ViewModel. Если в VueDevTools выбран какой-либо компонент, то в $vm будет ссылка на него.

Привет, Подскажите такой момент: допустим есть страничка на которой 100 карточек продуктов как при удалении одной карточки в середине, не перерендеривать все?

реактивно связан должен быть массив карточек со списоком в v-for и карточка пропадет если ее удалить из массива

Это понятно, но браузер будет аесь масив переренднривать и напрягаться

Привет, Подскажите такой момент: допустим есть страничка на которой 100 карточек продуктов как при удалении одной карточки в середине, не перерендеривать все?

Это делает сам vue. На всякие случай в v-for не забудь подписать key.

И не парься вообще. Кстати, 100 карточек - херня для любого браузера наших дней. даже в мобилке. Если только в карточках нет какого-то ада.

Не будет перерендривать. Рендер коснется только различий между реальным и виртуальным DOM

И не парься вообще. Кстати, 100 карточек - херня для любого браузера наших дней. даже в мобилке. Если только в карточках нет какого-то ада.

Ясно, хотя если key=index поставить то все равно перересует, или в шаблоне элемента есть переменная завязанная на индекс то будет перерендер всех элементов, в большинстве случаев это наверно даже хорошо

привет все, посоветуйте карусель под vue, чтобы loop умела. Я вот прикручивал owl carousel, но при loop она клонирует первый и последний элементы и при это естественно слетают все биндинги - там не просто картинки, а комопненты vue

https://github.com/vuejs/awesome-vue