ярн надо ?

и без них тоже

можно попробовать с computed

просто где-то пишут так, где-то так

window.onbeforeunload = function(e) { console.log('Dialog text here.'); }; делал так, срабатывает только при перезагрузке

window.onbeforeunload = function(e) { console.log('Dialog text here.'); }; делал так, срабатывает только при перезагрузке

$route': 'fetchDataAgain'

у меня так работает в watch

метод вызывает ассинхронные операции

правда ссылается все на тот же компонент, просто данные в нем меняются

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

спасибо

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

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

так нельзя

JS плодит извращения в умах

Всмысле асинхронный, и всмысле нельзя ты имеешь ввиду хочешь передать promise?

Всмысле асинхронный, и всмысле нельзя ты имеешь ввиду хочешь передать promise?

.then(res => { this.info = res.data.results this.nextPage = res.data.next this.prevPage = res.data.prev }) :nextPage="nextPage" :prevPage="prevPage"

вот так

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

Передавай но имей ввиду что в пропс попадет не ожидаемый Number а Promise а значит тебе нужно будет значение по умолчанию

это всё работает из коробки

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

this.nextActive = true; var uris = URI(this.nextPage); //console.log(uris.query()); туда куда передал хочу так сделать, но uris = null, можно async await в методы добавить ?

this.nextActive = true; var uris = URI(this.nextPage); //console.log(uris.query()); туда куда передал хочу так сделать, но uris = null, можно async await в методы добавить ?

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

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

спасибо ) ща попробую

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

вызвал в mounted выдает undefined props: ['prevPage', 'nextPage'], methods: { clickNext: () => { if (this.nextPage === null) { this.nextActive = false } else { this.nextActive = true; return nextPage; } }, mounted () { console.log(this.clickNext()) }

бля this

стрелку убери

иисусе

стрелку убери

спасибо !)

эти nextPage && prevPage ты где то же хранишь в другом компоненте?

эти nextPage && prevPage ты где то же хранишь в другом компоненте?

да

Если то как я вижу Да, то правило хорошего тона мне подсказывает что проверку на null нужно делать в том компоненте с которого переедаешь а пропсах ты должен явно указать тип ожидаемых данных

эти nextPage && prevPage ты где то же хранишь в другом компоненте?

они с сервера берутся

Если то как я вижу Да, то правило хорошего тона мне подсказывает что проверку на null нужно делать в том компоненте с которого переедаешь а пропсах ты должен явно указать тип ожидаемых данных

да но ведь prev на сервере может не быть, и будет равно null

Если то как я вижу Да, то правило хорошего тона мне подсказывает что проверку на null нужно делать в том компоненте с которого переедаешь а пропсах ты должен явно указать тип ожидаемых данных

есть вариант что prev не будет а next будет )

Это что пагинация?

Это что пагинация?

да

Ну тогда я бы не передавал адрес next и prev, а работал с данными total, perPage, current

и на их основе строил пагинацию

Ну тогда я бы не передавал адрес next и prev, а работал с данными total, perPage, current

так prev и next у меня на сервере ) сделать чистую пагинацию на vue вроде как не получится )

Ну тогда я бы не передавал адрес next и prev, а работал с данными total, perPage, current

а на сервере есть только prev и next )

Ну у тебя кто сервер?

На чем написано

Ну у тебя кто сервер?

node js express

Ну не знаю как там на ноде, но можно же вернуть не next и prev , а total записей, perPage, и currentPage

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

Ибо твоя пагинация ограничена в фунционале

Только next && prev а если я не хочу кликать некст что бы попасть на 100ю страницу

что мне делать и я тупой юзверь который не может ввести в uri параметр page

Ну не знаю как там на ноде, но можно же вернуть не next и prev , а total записей, perPage, и currentPage

"results": [ ], "prev": "http://localhost:3000/api/apps/?start=0", "next": "http://localhost:3000/api/apps/?start=120" вот так у меня бэк написан

Это что то странное мне кажется, ты отдаешь сервером сразу full path, почему не передать просто Number page

Это что то странное мне кажется, ты отдаешь сервером сразу full path, почему не передать просто Number page

вприцыпе можно переделать но стоит ли ?

Это что то странное мне кажется, ты отдаешь сервером сразу full path, почему не передать просто Number page

день походу надо будет потратить

Смотри сам я тебе сказал минусы твоего подхода

А пчму пагинация вообще на бэке?

Если тебе достаточно этого оставляй ради богу)

Ну и это да хороший вопрос, бэк ничего не должен знать о твоей пагинации

Он должен отдавать total в базе или где у тебя там записей, текущая страница из get параметра , и твоя константа total pages

с этими данными ты можешь строить разные пагинации

будь это show more или обычная

Если тебе достаточно этого оставляй ради богу)

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

И главное тебе не придется особо костылять с другими библиотеками пагинаций, ибо если взять несколько из топа то все они принимают примерно такие параметры total(items) current, perPage

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

Привет, есть 3 блока, надо сделать между ними транзишн. Отобаражаться может только один. У меня трабла в том, что первый еще не пропал а второй уже появился

И главное тебе не придется особо костылять с другими библиотеками пагинаций, ибо если взять несколько из топа то все они принимают примерно такие параметры total(items) current, perPage

да сейчас попробую убрать это пагинацию )) спасибо за помощь )

народ, кто с vuetify хорошо дружит?

народ, кто с vuetify хорошо дружит?

лучший друг

ERROR: S client not available

постоянно соримся, ну как у всех

не подскажешь как скормить комбобоксу дату типа: [{code: ‘asdasd’, caption: ‘sdasda’}, {code: ‘sdasad’, caption: ‘sdaddas’}]

?

хоть я ему кормлю item-text

почему v-select не используешь?

почему v-select не используешь?

да чот так получилось)))

да чот так получилось)))

аргументный аргумент))

:D ща попробую)

Ребят в create-nuxt-app хочу использовать не styl а scss как перекампилить?

через vue add может

Гайс, а если watch не видит в computed изменений, а в data видит, как зарегистрировать их?

ты вешаешь watch на computed значение?

Я понимаю, что рофлить прикольно, но мб скажешь как сделать лучше) Мне нужно после того как computed вернул данные запустить коллбэк, как лучше сделать?) P.S. Я решил, deep: true сделал свое дело, но мб это костыль

Если человек хочет сайд эффект сделать, то он че джеквери мастер?

Если человек хочет сайд эффект сделать, то он че джеквери мастер?

Да я сам не шарю че иногда пишу, я чайный наркоман

налейте мне чаю и я всё расскажу

Я понимаю, что рофлить прикольно, но мб скажешь как сделать лучше) Мне нужно после того как computed вернул данные запустить коллбэк, как лучше сделать?) P.S. Я решил, deep: true сделал свое дело, но мб это костыль

вполне хорошее решение

Я понимаю, что рофлить прикольно, но мб скажешь как сделать лучше) Мне нужно после того как computed вернул данные запустить коллбэк, как лучше сделать?) P.S. Я решил, deep: true сделал свое дело, но мб это костыль

А что коллбэк делает-то?)

А что коллбэк делает-то?)

Я меняю src у аудио, и нужно перезапускать его, иначе он не заведется let audio = document.getElementById('audio'); audio.load(); audio.play();

Я меняю src у аудио, и нужно перезапускать его, иначе он не заведется let audio = document.getElementById('audio'); audio.load(); audio.play();

Хм, а что тогда вычисляется в computed? Сдаётся мне, что-то ты перемудрил)

Я во vuex держу данные о треке, и потом прям с computed это вывожу, после того как вывел нужно заново запустить плеер

Я меняю src у аудио, и нужно перезапускать его, иначе он не заведется let audio = document.getElementById('audio'); audio.load(); audio.play();

и почему не ref?

а vanilla

и почему не ref?

Шутка о том, что я еще такое не юзал ?

ну всмысле он берет первый попавшийся audio с документа

Шутка о том, что я еще такое не юзал ?

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

Я во vuex держу данные о треке, и потом прям с computed это вывожу, после того как вывел нужно заново запустить плеер

Дык делай всё это внутри метода, здесь же бессмысленно computed использовать. И да, юзай ref

а потом юзаешь его this.$refs.audio

а потом юзаешь его this.$refs.audio

Спасибо)