а то ад

?

background: url('${videos_dir}${data.id}s.jpg), 'background-position': ${snapshot_bp} 0 }"

вот это все

Согласен, но строку не обязательно

Можно просто объект вернуть

Тот же эффект будет

+

background: url('${videos_dir}${data.id}s.jpg), 'background-position': ${snapshot_bp} 0 }"

суть та же остается, просто синтаксис поменялся. проблема остается.

Ну да, просто пилить стили строкой это как-то дико

Покажи чё метод делает

метод просто меняет значение переменной snapshotAnimation: function(){ this.snapshot_bp = 148; console.log(this.snapshot_bp) }

и оно меняется

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

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

да

Чё vue-devtools говорит?

И чо в стилях дива в инспекторе написано?

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

а в инспекторе нифига не меняется

Пкажи

<div :style="{ background: `url('${videos_dir}${data.id}s.jpg) ${snapshot_bp} 0` }" class="snapshot" @mouseover="snapshotAnimation">

А если так?

та же песня

<div :style="{ background: `url('${videos_dir}${data.id}s.jpg) ${snapshot_bp}px 0` }" class="snapshot" @mouseover="snapshotAnimation">

А так?

)))))

спасибо

это просто фейспалм

Чё так просто?

ага

Господа, а никто не подскажет как сделать в vuetify margin для v-flex только на определенном брекпойнте?

Господа, а никто не подскажет как сделать в vuetify margin для v-flex только на определенном брекпойнте?

v-bind="{ ['justify-center']: $vuetify.breakpoint.xs }"

У кого там сервисы на амазоне? Ребят, готовьтесь ?

Короч, по блокировке Амазона - подтверждаю. РКН решили зобанить... Та-да-м! Zello. Я видел документы. В списке десятки подсетей. В сумме - больше 14 миллионов ip-адресов. Доки пока просили не публиковать. Типа, может РКН одумается и не станет стрелять себе в коленку.

Да им пох

v-bind="{ ['justify-center']: $vuetify.breakpoint.xs }"

или так :justify-сenter="$vuetify.breakpoint.xs"

Ну грохают рунет как могут, ну молодцы)

или так :justify-сenter="$vuetify.breakpoint.xs"

сенкс

блин половина веб-приложений на амазоне хостится. они там сдурели что ли в конец

В этом была проблема?

Да спасибо ещё раз. Установил babel-loader + babel-runtime плюс дефис переехал из названия класса у меня))) ну и профит - все подключается.

может кто-нибудь объяснить, почему topics не обновляется? /topics отдает валидный json https://pastebin.com/CvfsdYdK

так zello заблокировали уже давно, вторая волна что ли?

так zello заблокировали уже давно, вторая волна что ли?

Вторая волна хайпа, да. Слоган: засрём все чатики :)

для эффективной деградации это сильно

))) забавно, что в комьюнити вью обсуждение блокировок) может все же о вью поговорим?)))

может кто-нибудь объяснить, почему topics не обновляется? /topics отдает валидный json https://pastebin.com/CvfsdYdK

вот именно, помогите!

вот именно, помогите!

используй стрелочную функцию в then

используй стрелочную функцию в then

Воу, спасибо. А почему это так работает? Нужно ли использовать ее в catch?

mounted() { var vm =this; axios.get('/topics') .then(function(response) { alert(response.data[0].heading) vm.topics = response.data }) .catch(function(error) { console.log(error) }); } это если в твоем стиле

Воу, спасибо. А почему это так работает? Нужно ли использовать ее в catch?

Стрелочная функция сохраняет твой текущий this а обычная теряет его

mounted() { var vm =this; axios.get('/topics') .then(function(response) { alert(response.data[0].heading) vm.topics = response.data }) .catch(function(error) { console.log(error) }); } это если в твоем стиле

Нозочем?

это я для примера)

Всем привет. Подскажите как пробросить данные from child to parent в Vue1?

Всем привет. Подскажите как пробросить данные from child to parent в Vue1?

смотря какая задача стоит. а так события, шина, vuex и т.д.

А зачем вообще использовать vue1 если есть vue2?

о_О

Vuex оверхед. Мне лишь название страницы нужно пробросить. Про шину не знаю, а через эмит события не шарю как пробросить данные. Там же вроде чисто ивент и тригер на него. Ну или я не разобрался до конца

ERROR: S client not available

Vuex оверхед. Мне лишь название страницы нужно пробросить. Про шину не знаю, а через эмит события не шарю как пробросить данные. Там же вроде чисто ивент и тригер на него. Ну или я не разобрался до конца

почему вью 1?

есть обьективная причина ?)

Потому что проект такой

хех

Проект начинался 2 года назад, решили взять Vue на пробу. Пока вышла вторая версия было запилено слишком много, для того что бы мигрировать было не дорого. Сам я бекендщик, потому пришел сюда за помощью т.к. нужно взять на себя часть задач по фронту. До этого гуглил from child to parent но ничего толком не нашел. Или подскажите как через ивент пробросить данные, если emit события + слушатель это единственный минималистический вариант для этого?

Во vue1 вроде есть же синхронные пропсы

Проект начинался 2 года назад, решили взять Vue на пробу. Пока вышла вторая версия было запилено слишком много, для того что бы мигрировать было не дорого. Сам я бекендщик, потому пришел сюда за помощью т.к. нужно взять на себя часть задач по фронту. До этого гуглил from child to parent но ничего толком не нашел. Или подскажите как через ивент пробросить данные, если emit события + слушатель это единственный минималистический вариант для этого?

дык. в child просто вызываешь this.$emit('eventname', props), а в родителе this.$on('eventname', this.eventHandler)

https://v1.vuejs.org/guide/components.html#Prop-Binding-Types

@ArStah @versh23 спасибо

@ArStah спасибо, читал, но не смог воспоизвести пример на связке child to parent и вне конструкций темплейта

@PlzDontHate а можно этим оперировать в рамках блока ready? Я так делал, но у меня не работает

Таки да. Решил через this.$dispatch('event', props) в child + в блоке events в parent: 'event': (props) => { .. }. Всем большое спасибо!

Боже, сделайте уже что-то с этим

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

потому что в этом случае мы теряем single responsibility vuex и код становится сильно сложнее

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

Тогда чатик замолкнет

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

Расскажи, как делать лучше

джаст фо фан ввёл vuex authentication и там все логику обработки запросов пихают во вьюкс

и там же обрабатывают данные ответа и записывают в стор

?‍♂️

Ну норм. Axios - это же для редакс

а потом еще думаю, чому так все делают.

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

ладно, с авторизацией это еще как-то можно понять. Логика там простая, всё очень просто и обычно она не меняется и соответственно нет необходимости её переписывать. Но с остальным забавно выходит

Ну норм. Axios - это же для редакс

кстати, откуда этот мем? Напоминает, как здесь чувак 1 говорил, что ему вебсокеты мешают http делать запросы

джаст фо фан ввёл vuex authentication и там все логику обработки запросов пихают во вьюкс

не поверишь в реакте так же делают)

окей, а как правильно?)

да поверю, но плохой же паттерн!

окей, а как правильно?)

вывести в отдельный сервис который коммуницирует с сущностью api caller (она должна быть легкозаменяема) и с vuex. И соответственно работать с этим сервисом

а в случае с аналитикой, как я сказал - она не очень нуждается во vuex вообще.

а, в вуе тоже сервисы