но такая фишка не работает

Слушайте ребят

нормальная вообще практика

из экшена промис возвращать

а резолв из промиса аксиоса внутри экшена?

ITEM_DELETE({ commit }, item) { return new Promise((resolve, reject) => { api.items.delete({ url_params: { id: item.id } }) .then((ctx) => { commit(ITEM_DELETE, item.id); resolve(ctx); }).catch((ctx) => { reject(ctx); }); }); },

типо вот так

так вообще можно?

можно, но это фундаментально неверно

НИКОГДА не создавайте новый промис, если у вас уже есть существующий

как только у вас в коде есть промис new Promise там не должно быть ни в коем случае

хорошо - а как тогда в резолве если вернуть только промис аксиоса взаимодействовать с мутациями

ага, api.items.delete уже возвращает промис )

из компонента что ли?

как только у вас в коде есть промис new Promise там не должно быть ни в коем случае

а почему так?

интересна имено причина

потому что промисы делались ради чейнинга

промисы внутри промисов - это признак непонимания работы промисов

ok, point taken

@xanf_ua хорошо. допустим все верно. тогда я возвращаю промис аксиоса - как мне решить вызов мутации

если резолвить промис я буду уровнем выше

даже не в сторе

sigh

эм.. эт как?

ITEM_DELETE({ commit }, item) { return api.items.delete({ url_params: { id: item.id } }) .then((ctx) => { commit(ITEM_DELETE, item.id); return ctx; }); },

всё

из экшена промис возвращать

ну вообще нормально делать асинхронных эншен, что не так?

this.ITEM_DELETE(this.item).then((ctx) => { //some logic });

рездели ответственность и реши , кто за что будет отвечать. Экшен за какоето действие и т.д.

мне нужно на окончательном моменте выполнения экшена что то делать

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

есть только в компоненте.

ну так dispatch возвращает промис

мне нужно на окончательном моменте выполнения экшена что то делать

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

then'ьте его

@Kraigo в том все и дело - что мне не хочется выносить логику которая должна быть в экшене за его пределы.

@xanf_ua return ctx вернет dispatch?

action({commit}) { return axios.then(() => { /* login */}); }

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

Ухты!

Спасибо!

*ушел пробовать*

Это же тот же вариант что ты сделал, только без обвёртки new Promise, как советует @xanf_ua

ну я не шарящий - нубло - новые нюансы открываю.

и на сколько мне не изменяет память, catch выполняется если какой то один из промисов во всей цепочке вызвал эксепшен, а что бы отловить Reject - нужно передать в then второй аргумент - function(err){}

@xanf_ua @Kraigo СПАСИБА!!!!!

этоже сколько кода мне теперь убирать... псц

и на сколько мне не изменяет память, catch выполняется если какой то один из промисов во всей цепочке вызвал эксепшен, а что бы отловить Reject - нужно передать в then второй аргумент - function(err){}

нет

catch ловит и rejection'ы

catch ловит и rejection'ы

catch ловит reject текущего промиса или всех предыдущих? Он также возвращает promise?

да, всех

да, возвращает

да, всех

вот, я это и имел ввиду. А второй аргумент ловит reject текущего промиса. Хотя ладно, не суть

нет

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

(естественно еще не обработанный и не пойманный)

Приветствую, подскажите как правильно сделать глобальную функцию, хочу, например, сделать функцию для обращения к апи, чтобы внутри получать токен из стора, а не каждый раз в ручную подставлять ее, отправляя запрос через $http.get

(естественно еще не обработанный и не пойманный)

Тоесть если гдето поймался Reject дальше он ней поидёт?

конечно

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

это ж как try / catch

конечно

Promise.reject() .then(() => new Promise((res, rej) => { setTimeout(() => res(), 100); }) ) .catch( () => {console.log('catched')} ) .then( () => {console.log('resolved')}, () => {console.log('rejected')} );

это ж как try / catch

Сделал такой пример, давай его разберем

в кэтче поймался reject, мы его обработали

поэтому его промис успешно зарезолвился

в кэтче поймался reject, мы его обработали

и последний then будет обработан?

ну блин, запустите

получите

catched - resolved

ну блин, запустите

Запускал, сам написал же )

catched - resolved

а если catch поставить в конец

просто будет rejected и все

просто будет rejected и все

это потому что цепочка уже была обработана (then( второй аргумент)), а catch не ловит.

да

да

Спасибо, разобрался. Немного плавали знания с reject'ом

Подскажите wysiwyg в который кастомные кнопки можно впихать

tinyMCE глядел?

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

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

Ребят, если вью грузит часть страницы аяксом (то есть это не spa), отображает карусель vue-slick, но при перегрузке карусели на другую, всё сбивается. Вёрстка летит, картинки вразнобой. Скрипт и стили же со страницы не пропали, заменились лиш вложенные элементы. Что может быть не так?

Грузите не часть страницы, а только данные. Частями страницы пусть Vue сам занимается, а не с сервера получает

Я не так выразился. Всё так и есть. Вью дёргает с бэка json только и отображает вёрстку. Так вот если первый раз заходишь на страницу, всё нормально, но стоит на странице нажать на кнопку смены опций товара, подгужаются данные товара, в том числе и ссылки на картинки, рисуется карусель и она вся раскидана

Вангую что сейчас кто то напишет, что тебе нужно показать нам код

Понимаю. Бывает погружаешься в проблему и вроде бы описываешь что-то, а со стороны кажется бредом. Но и показать код не получится, уж слишком всё запутанно. Попробую еще подолбаться

как проследить за рутом?

watch: { $root (val) { console.log('root', val) } } ничего не дает

появление новых свойств в $root

изменение свойства в руте

странная идея

$root.prop = 'abs'

всем привет! кто подскажет, может кто встречал, на сервак отправляю сокетом запрос, а ответ приходит два раза

что такое может быть?

в сокете нет вроде запрос/ответ

есть канал, в него летят месаджи

я подключился, сделал setinterval, далее делаю this.$socket.emit

на серваке ловлю это и кидаю ответом на клиент