Телеграмм чат группы nuxtjs

Irek Sitdikov in Nuxt.js — русскоговорящее сообщество

17:08пожаловаться #1

IS

Сергей Рыжков

можно, конечно (и нужно :)

вдогонку вопрос тогда
если Компонент №1 отрендерилась первой, а за ней идет Компонент№2, которая меняет данные в store после запроса к api, от которой зависит html Компонентf№1, это решается с помощью asyncData?

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество

17:10пожаловаться #2

СР

Irek Sitdikov

вдогонку вопрос тогда
если Компонент №1 отрендерилась первой, а за ней идет Компонент№2, которая меняет данные в store после запроса к api, от которой зависит html Компонентf№1, это решается с помощью asyncData?

можно и так, можно и fetch (2 штуки), можно в других хуках. Все от задачи зависит. мало информации

Irek Sitdikov in Nuxt.js — русскоговорящее сообщество

17:15пожаловаться #3

IS

у меня есть компонента для хлебных крошек, которая берет их из store
и есть компонента страницы которая делает запрос к api и после вызывает action setCrumbs, который записывает их в store

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

17:17пожаловаться #4

A

Стоит <client-only> при этом ssr жалуется navigator is not defined 😩
в чем может быть дело?

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество

17:43пожаловаться #5

SL

Стоит <client-only> при этом ssr жалуется navigator is not defined 😩
в чем может быть дело?

Компонент надо асинхронным сделать

17:47пожаловаться #6

A

Stanislav Lashmanov

Компонент надо асинхронным сделать

LazyRange: () => import('~/components/smartFilters/panels/Range'),

Вот так гружу

        <client-only>
          <LazyRange
            v-if="panel.type == 'range'"
            :data="panel"
          />
        </client-only>

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество

17:51пожаловаться #7

SL

LazyRange: () => import('~/components/smartFilters/panels/Range'),

Вот так гружу

        <client-only>
          <LazyRange
            v-if="panel.type == 'range'"
            :data="panel"
          />
        </client-only>

Поставь тогда тогда флаг v-if=isMounted и переключай его в mounted

18:09пожаловаться #8

A

Stanislav Lashmanov

Поставь тогда тогда флаг v-if=isMounted и переключай его в mounted

Так все равно вопрос в том почему оно его грузит

Если сделаю в mounted то будет ошибка The client-side rendered virtual DOM tree is not matching server-rendered content

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество

18:14пожаловаться #9

SL

Не, не будет

18:14пожаловаться #10

A

Stanislav Lashmanov

Не, не будет

Да, действительно, ошибка была из-за другого. Спасибо

18:22пожаловаться #11

A

Еще вопрос, если я хочу чтобы компонент грузился сразу на ssr а на стороне юзера через минуту и не было ошибки The client-side rendered virtual DOM tree is not matching server-rendered content?

18:23пожаловаться #12

A

я сделал переменную lazy_load и для ssr включена, для юзера в маунтед после таймаута становится включена

18:24пожаловаться #13

A

но тогда получаю ошибку The client-side rendered virtual DOM tree is not matching server-rendered content

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество

18:24пожаловаться #14

S

Еще вопрос, если я хочу чтобы компонент грузился сразу на ssr а на стороне юзера через минуту и не было ошибки The client-side rendered virtual DOM tree is not matching server-rendered content?

Почему просто не обернуть в плагин и указать ему ssr: false ?

18:25пожаловаться #15

A

Sonic [Скупаю | Актуально всегда]

Почему просто не обернуть в плагин и указать ему ssr: false ?

так мне надо чтобы на ssr сразу грузилось, а на клиенте потом 🧐
Разве так выйдет

Сергей Рыжков... in Nuxt.js — русскоговорящее сообщество

18:26пожаловаться #16

СР

Так все равно вопрос в том почему оно его грузит

Если сделаю в mounted то будет ошибка The client-side rendered virtual DOM tree is not matching server-rendered content

Ассинхронный компонент и отложенная (Lazy) загрузка это разные вещи

Alexandr Sachishin in Nuxt.js — русскоговорящее сообщество

18:43пожаловаться #17

AS

Еще вопрос, если я хочу чтобы компонент грузился сразу на ssr а на стороне юзера через минуту и не было ошибки The client-side rendered virtual DOM tree is not matching server-rendered content?

делаешь 2 блока через v -if="hidden"и v-else (1 без контента другой с ним) и по умолчанию hidden = true. делаешь сет тайм аут в маунтеде при истечении которого hidden становится false

18:52пожаловаться #18

A

Сергей Рыжков

Ассинхронный компонент и отложенная (Lazy) загрузка это разные вещи

Так Lazy или не Lazy не важно

19:00пожаловаться #19

NE

New Era in Nuxt.js — русскоговорящее сообщество

Всем привет, подскажите, использую любой директории в /test то все хорошо, но если я уже нахожусь в /test и использую ссылку то получается /test/test как я могу этого избежать стандартными способами без написания проверок?