Size: a a a

Nuxt.js | Vue SSR

2021 March 23

M

MDWIT in Nuxt.js | Vue SSR
Михаил
это просто слайдер имеешь в виду, а два слайдера между собой соединить как?
https://codesandbox.io/s/2qkt9
ты пытаешься изобрести это?
источник

М

Михаил in Nuxt.js | Vue SSR
https://github.com/surmon-china/surmon-china.github.io/tree/source/projects/vue-awesome-swiper/examples/30-thumbs-gallery.vue вот аналог подлкючения. тут через refs их соединяют. а для директив такое же как должно выглядеть?
источник

М

Михаил in Nuxt.js | Vue SSR
это, но не изобрести а подключить через директивы в наксте
источник

МD

Максим Deblow in Nuxt.js | Vue SSR
в чем ошибка?
источник

M

MDWIT in Nuxt.js | Vue SSR
у тебя плагин для vue?
Он не работает с накстом(либо у меня из-за ssr не работает) Поэтому решение для vue можно только частично перенять
источник

М

Михаил in Nuxt.js | Vue SSR
MDWIT
у тебя плагин для vue?
Он не работает с накстом(либо у меня из-за ssr не работает) Поэтому решение для vue можно только частично перенять
https://github.com/surmon-china/surmon-china.github.io/tree/source/projects/vue-awesome-swiper/nuxt вот с этим работаю. слайдеры вроде корректно работают, даже рендерятся в статике. не пойу как два слайдера просто объединить. вообще как правильно к директиве в наксте обратиться напрямую?
источник

M

MDWIT in Nuxt.js | Vue SSR
Михаил
https://github.com/surmon-china/surmon-china.github.io/tree/source/projects/vue-awesome-swiper/nuxt вот с этим работаю. слайдеры вроде корректно работают, даже рендерятся в статике. не пойу как два слайдера просто объединить. вообще как правильно к директиве в наксте обратиться напрямую?
import { directive } from 'vue-awesome-swiper'

export default {
 directives: {
   swiper: directive
 }
}
Не помогает?
Вообще не особо компетентен в этом вопросе, так как юзаю версию свайпера для js
источник

М

Михаил in Nuxt.js | Vue SSR
MDWIT
import { directive } from 'vue-awesome-swiper'

export default {
 directives: {
   swiper: directive
 }
}
Не помогает?
Вообще не особо компетентен в этом вопросе, так как юзаю версию свайпера для js
директивы работают, тут проблем нет. я так понимаю проблема упирается в то как заменить связывание двух слайдеров через refs на связывание через имена директив
источник

M

MDWIT in Nuxt.js | Vue SSR
Михаил
директивы работают, тут проблем нет. я так понимаю проблема упирается в то как заменить связывание двух слайдеров через refs на связывание через имена директив
🤔
источник

М

Михаил in Nuxt.js | Vue SSR
вообщем, методом тыка, через директивы слайдеры Swiper соединяются по названиям директив как-то так:
 mounted () {
   this.$nextTick(() => {
     const topSlider = this.topSlider
     const thumbsSlider = this.thumbsSlider
     topSlider.controller.control = thumbsSlider
     thumbsSlider.controller.control = topSlider
   })
 }
источник

КГ

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

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
Как и с любой другой операцией при SSR - в nuxtServerInit или asyncdata/fetch.
А все таки можете поподробней пояснить как получить auth на сторонйе сервера :)
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Mihail_20_vek
А все таки можете поподробней пояснить как получить auth на сторонйе сервера :)
Сам auth, если сделано через токен, при каждом запросе стучится на ваш API /api/user (как настроено) и на сервере по этому апи проверяется авторизован ? да, держи данные юзера.

В наксте $auth доступен из контекста

asyncData({$auth})
и делай что надо
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
Сам auth, если сделано через токен, при каждом запросе стучится на ваш API /api/user (как настроено) и на сервере по этому апи проверяется авторизован ? да, держи данные юзера.

В наксте $auth доступен из контекста

asyncData({$auth})
и делай что надо
а если мне надо в модуле это сделать? Модуль - обработчик api?
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
Сам auth, если сделано через токен, при каждом запросе стучится на ваш API /api/user (как настроено) и на сервере по этому апи проверяется авторизован ? да, держи данные юзера.

В наксте $auth доступен из контекста

asyncData({$auth})
и делай что надо
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
Сам auth, если сделано через токен, при каждом запросе стучится на ваш API /api/user (как настроено) и на сервере по этому апи проверяется авторизован ? да, держи данные юзера.

В наксте $auth доступен из контекста

asyncData({$auth})
и делай что надо
у меня google стратегия
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Mihail_20_vek
а если мне надо в модуле это сделать? Модуль - обработчик api?
Не помню как навесить
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
Не помню как навесить
жаль :) уже гуглить устал. везде такие примеры как ваш
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Mihail_20_vek
жаль :) уже гуглить устал. везде такие примеры как ваш
https://auth.nuxtjs.org/recipes/extend/ так в доке всё описано. Создаешь модуль, указываешь его в плагинах auth и юзаешь в контексте модуля
источник

M

Mihail_20_vek in Nuxt.js | Vue SSR
Sonic [Скупаю | Актуально всегда]
https://auth.nuxtjs.org/recipes/extend/ так в доке всё описано. Создаешь модуль, указываешь его в плагинах auth и юзаешь в контексте модуля
Это видел, но тк не работал с плагинами, то и старательно обходил взглядом :( Пошел читать что есть плагин.
спасибо
источник