Size: a a a

Nuxt.js | Vue SSR

2021 May 04

AS

Amazing State in Nuxt.js | Vue SSR
источник

AS

Amazing State in Nuxt.js | Vue SSR
кто-то может знает что на этот раз могло случится?)
источник

NS

Name Surname in Nuxt.js | Vue SSR
Всем привет!
Хочу организовать взаимодействие с API в растущем приложении, но ранее не сталкивался с этим. Можете кинуть статью или пример, что бы глянуть ?
источник

R

Roman in Nuxt.js | Vue SSR
Пожалуй самое очевидное https://firebase.nuxtjs.org/
Но я делал только на Quasar
источник

NS

Name Surname in Nuxt.js | Vue SSR
Я к сожалению не использую firebase, поэтому мне не очень этот вариант подойдет..
источник

MU

Mazino U in Nuxt.js | Vue SSR
Привет, может кто подсказать как в наксте заинжектить компонент выше чем layout?
источник

IB

Il Bu in Nuxt.js | Vue SSR
Никак, увы)
Как вариант - использовать только один лейаут, а в компонентах вьюх использовать собственные лейауты
источник

MU

Mazino U in Nuxt.js | Vue SSR
а может есть обходы?
Че хочу то, есть компонент snakbar из vuetify, нужно сделать его единым в рамках приложения, чтобы на любом лейауте он существовал и можно было в него эмитить событие с сообщением
источник

MU

Mazino U in Nuxt.js | Vue SSR
т.е проблема в том, что при смене лейаута будет создан новый компонент и он уже ничего выдаст
источник

IB

Il Bu in Nuxt.js | Vue SSR
А третьем наксте появится app.vue, там такое можно будет делать с легкостью. Но сейчас лично я адекватных способов не нашел, когда решал похожие задачи
источник

IB

Il Bu in Nuxt.js | Vue SSR
Вынесите эту логику в стор
источник

MU

Mazino U in Nuxt.js | Vue SSR
ну это крайний вариант, хотя и не нужный
источник

MU

Mazino U in Nuxt.js | Vue SSR
я ведь хотел "обмануть" судьбу, обращаться для этого к стору - это эквивалент создания компонента на месте
источник

MU

Mazino U in Nuxt.js | Vue SSR
я хотелось бы что-то типо
$root.emit('notify', msg)
источник

𝔹𝕂

𝔹𝕒𝕙𝕒 𝕂𝕒𝕚𝕪𝕣𝕓𝕖𝕜𝕠𝕧... in Nuxt.js | Vue SSR
накст позволяет так делать

события
this.$nuxt.$emit('notify', msg)

подписка на событие из любого компонента/страниц
this.$nuxt.$on('notify', (msg)=> {})

чтобы избежать утечки
this.$nuxt.$off('notify')
источник

MU

Mazino U in Nuxt.js | Vue SSR
При этом компонент, который будет это показывать должен жить за пределами уровня layout,
поскольку при их смене можно потерять событие
источник

𝔹𝕂

𝔹𝕒𝕙𝕒 𝕂𝕒𝕚𝕪𝕣𝕓𝕖𝕜𝕠𝕧... in Nuxt.js | Vue SSR
нет не обязательно при создание этого компонента ты опять подпишешься
источник

𝔹𝕂

𝔹𝕒𝕙𝕒 𝕂𝕒𝕚𝕪𝕣𝕓𝕖𝕜𝕠𝕧... in Nuxt.js | Vue SSR
это запихни на created/mounted
подписка на событие из любого компонента/страниц
this.$nuxt.$on('notify', (msg)=> {})
источник

MU

Mazino U in Nuxt.js | Vue SSR
Да нет, вот пример есть layout: default, guest
Например, пользователь нажал logout при этом при переходе меняется layout и мы теряем сообщение "Вы вышли", поскольку пушить событие мы можем только до перехода, компонент, который должен быть подписан еще не существует/не подписался
источник

𝔹𝕂

𝔹𝕒𝕙𝕒 𝕂𝕒𝕚𝕪𝕣𝕓𝕖𝕜𝕠𝕧... in Nuxt.js | Vue SSR
так из другого layout подписку делай
источник