Size: a a a

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

2020 October 26

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
я тут делая pwa на наксте уперся в такую проблему что изза того что у нас для SSR и для SPA  накст генерит разные чанки мы не можем рефрешить страницу и чтобы после этого сайт загружался какбы в app shell, как бы это было с простым SPA
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
или придется закэшить сразу обе версии сайта что кажется будет полный треш
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
есть конечно идея что может быть стоит накстом генерить страницу только для поисковиков , а обычным пользователям spa версию отдавать...
источник

AZ

Ad Zeeeeeenitsu in Nuxt.js — русскоговорящее сообщество
Hi guys. I wanna ask..  can you suggest any grid or datatables? this is my table structure so I'm not sure how can I achieve it. vue-good-table doesn't seem to work for me..
источник

АН

Андрей Назаров... in Nuxt.js — русскоговорящее сообщество
we dont speak english
источник

V💊

Vladimir 💉 💊 Voytenk... in Nuxt.js — русскоговорящее сообщество
Андрей Назаров
we dont speak english
why? we do
источник

Ю

Юю in Nuxt.js — русскоговорящее сообщество
Привет, подскажите пожалуйста, храню данные в vuex store, вывожу на экран таким образом(дополнительно закрашиваю квадратики в svg :
computed: {
status() {
           var rect = document.getElementsByTagName("rect");
           setTimeout()
           if(store.state.status == "0") this.changeColor(rect, "crimson");
           if(store.state.status == "1") this.changeColor(rect, "green");
           return store.state.status
       }
}
при этом с изменением данных в хранилище сразу  видно изменение данных на странице, но смена цвета происходит только при нажатии на картинку. Понимаю что что-то делаю не так с реактивностью. Пробовала реализовать смену цвета разными вариантами, но не могу добиться чтобы это происходило синхронно с данными. Подскажите пожалуйста что можно посмотреть или почитать по этому поводу
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Юю
Привет, подскажите пожалуйста, храню данные в vuex store, вывожу на экран таким образом(дополнительно закрашиваю квадратики в svg :
computed: {
status() {
           var rect = document.getElementsByTagName("rect");
           setTimeout()
           if(store.state.status == "0") this.changeColor(rect, "crimson");
           if(store.state.status == "1") this.changeColor(rect, "green");
           return store.state.status
       }
}
при этом с изменением данных в хранилище сразу  видно изменение данных на странице, но смена цвета происходит только при нажатии на картинку. Понимаю что что-то делаю не так с реактивностью. Пробовала реализовать смену цвета разными вариантами, но не могу добиться чтобы это происходило синхронно с данными. Подскажите пожалуйста что можно посмотреть или почитать по этому поводу
computed сделан для чистых реактивных свойств. Т.е. там не должно быть сайд-эффектов (минус setTimeout, store.state.status == 0 и так далее), и тем более там не должно быть создания элементов. Элементы должен создавать вью.
источник

Ю

Юю in Nuxt.js — русскоговорящее сообщество
ты имеешь в виду создание переменной rect?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Из всего блока валидна только эта строка:

return store.state.status
источник

A

Arti 🦠 in Nuxt.js — русскоговорящее сообщество
Stanislav Lashmanov
Из всего блока валидна только эта строка:

return store.state.status
xD
источник

Ю

Юю in Nuxt.js — русскоговорящее сообщество
поняла, а где тогда лучше обработать данные?
источник

Ю

Юю in Nuxt.js — русскоговорящее сообщество
похожим образом
источник

A

Arti 🦠 in Nuxt.js — русскоговорящее сообщество
Юю
поняла, а где тогда лучше обработать данные?
Watch?
источник

SL

Stanislav Lashmanov in Nuxt.js — русскоговорящее сообщество
Для эффектов есть watch, для создания элементов template
источник

Ю

Юю in Nuxt.js — русскоговорящее сообщество
Попробую watch спасибо!
источник

Д

Дмитрий in Nuxt.js — русскоговорящее сообщество
Запущен docker с бэком
У себя запускаю nuxt проджект, говорит, что дружок мой заходи на localhost:3000 и радуйся, Я же открываю этот localhost:3000 и мне  в лицо ошибку - ERR_EMPTY_RESPONSE

Без докера все конечно работает))0)
источник

D

DK in Nuxt.js — русскоговорящее сообщество
Дмитрий
Запущен docker с бэком
У себя запускаю nuxt проджект, говорит, что дружок мой заходи на localhost:3000 и радуйся, Я же открываю этот localhost:3000 и мне  в лицо ошибку - ERR_EMPTY_RESPONSE

Без докера все конечно работает))0)
через nginx прокинул всё?
источник

D

DK in Nuxt.js — русскоговорящее сообщество
80\443 на внутренний 3000 порт
источник

Д

Дмитрий in Nuxt.js — русскоговорящее сообщество
под фронт настройки докера не делал - там laradock
источник