Парни, я правильно понимаю, что Vue Toastification не работает во

Question

Парни, я правильно понимаю, что Vue Toastification не работает во

Vuex при SSR (NUXT)?

Note: As a client library, Vue Toastification does not support SSR, so the object $toast will not be available on the server, only on the client.

#frontend #javascript #programming #russian #vue.js

0

02.07.2021

17 ответов

15 просмотров

Maks Moskalik Автор вопроса

Maxim Vishnevsky
Да, эта библиотека работает только на клиенте, то ...

А можно тогда как-то отловить изменение во vuex, чтобы на клиенте смог вызвать эту библу?

0

02.07.2021

Maxim Vishnevsky

Maks Moskalik
А можно тогда как-то отловить изменение во vuex, ч...

https://nuxtjs.org/docs/2.x/directory-structure/plugins

0

02.07.2021

Maxim Vishnevsky

Maks Moskalik
А можно тогда как-то отловить изменение во vuex, ч...

Я только не очень понимаю причем тут Vuex, вы может опечатались

0

02.07.2021

Maks Moskalik Автор вопроса

Maxim Vishnevsky
Я только не очень понимаю причем тут Vuex, вы може...

там в чем прикол, во vuex я делаю добавление товара в корзину и хочу вывести уведомление, что товар добавился. Ранее с NUXT просто не работал и во VUEX спокойно работала библа, а тут с SSR не хочет

0

02.07.2021

Maxim Vishnevsky

Maks Moskalik

там в чем прикол, во vuex я делаю добавление товар...

Это архитектурно неправильно, у вас мутация - это просто сеттер, обновляющий состояние, вы можете реагировать на изменения например из вашего App.vue, с точки зрения нотификации сср не имеет объекта window и дом, соответственно юай библиотеки без него исполняться не могут

0

02.07.2021

Maxim Vishnevsky

Maks Moskalik

там в чем прикол, во vuex я делаю добавление товар...

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

0

02.07.2021

Maks Moskalik Автор вопроса

Maxim Vishnevsky
Вас в принципе должен напрягать тот факт, что вы о...

если вы про _vm, то это в доке либы так написано

0

02.07.2021

Maxim Vishnevsky

Maks Moskalik
если вы про _vm, то это в доке либы так написано

А дайте ссылку

0

02.07.2021

Maks Moskalik Автор вопроса

Maxim Vishnevsky
Это архитектурно неправильно, у вас мутация - это ...

ага, а как правильно поступить? Вот есть метод addToCart Я здесь не могу вызвать метод toast, т.к. есть шанс, что во vuex товар не добавится в корзину, а уведомление об успехе будет уже. addToCart (product) { this.addProductToCart(product) } Метод addProductToCart - это экшен vuex addProductToCart ({ commit, state }, payload) { const item = state.cart.find(item => item.id === payload.id) if (item === undefined) { commit('ADD_PRODUCT_TO_CART', payload) } else { this._vm.$toast("Товар уже есть в корзине") } }

0

02.07.2021

Grigorii K. Shartsev

Maks Moskalik
ага, а как правильно поступить? Вот есть метод ...

> Я здесь не могу вызвать метод toast, т.к. есть шанс, что во vuex товар не добавится в корзину, а уведомление об успехе будет уже. Можно дождаться завершения экшина и проверить состояние

0

02.07.2021

Maxim Vishnevsky

Maks Moskalik
ага, а как правильно поступить? Вот есть метод ...

Ну сделайте асинхронный action, где будут все проверки, в случае успеха реджект и обработку в методе

0

02.07.2021

Grigorii K. Shartsev

Maxim Vishnevsky
Ну сделайте асинхронный action, где будут все пров...

исключение из экшина ловить тоже не очень корректно

0

02.07.2021