Size: a a a

Клуб Vue.js-разработчиков

2021 February 22

G

Gilfoyle in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Про код рассказали, но ни строчки не показали :)
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Напомню, что эта функция в геттере во Vuex, она формирует массив, чтобы отрисовать подобный календарь с данными
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Проблема, проверял много раз, появляется в Хроме на мобильном и в Сафари на мобильном и декстопе. В хроме не могу собрать статистику с десктопа как работает, потому что нормально все, но вот как долго работает в сафари (порядка 25с)
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Gilfoyle
Проблема, проверял много раз, появляется в Хроме на мобильном и в Сафари на мобильном и декстопе. В хроме не могу собрать статистику с десктопа как работает, потому что нормально все, но вот как долго работает в сафари (порядка 25с)
Если allData зафризите перед тем как положить в стору проблема исчезает?
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Если allData зафризите перед тем как положить в стору проблема исчезает?
Получается нужно скопировать allData из state локально в функцию? Не совсем понял
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Gilfoyle
Получается нужно скопировать allData из state локально в функцию? Не совсем понял
Object.freeze, результат положить в стору
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Это сделать до того как alldata окажется в стейте сторы
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Object.freeze, результат положить в стору
А если allData – массив объектов? Я могу его зафризить?
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Gilfoyle
А если allData – массив объектов? Я могу его зафризить?
Массив - объект?
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Да, понял, сейчас попробую
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Если allData зафризите перед тем как положить в стору проблема исчезает?
Не помогло
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Gilfoyle
Не помогло
Попробуйте рекурсивно на всякий случай. Если тоже не помогает то тут только дебажить
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Попробуйте рекурсивно на всякий случай. Если тоже не помогает то тут только дебажить
Не помогло (если все верно сделал)

И еще заметил одну закономерность, когда загрузилась проблемная страница, и перейти на другой роут (переход на который не обновляет allData), а потом вернуться, то открывает моментально

А если перейти на роут, который обновит allData (хотя по факту они все те же придут, но в сторе все равно перезапишутся), и перейти на проблемную страницу, то опять будет долгая загрузка

Он, вероятно, кэширует, и если не трогать связанные данные, не пересчитывает страницу, а потом просто показывает, что помнит
источник

G

Gilfoyle in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Попробуйте рекурсивно на всякий случай. Если тоже не помогает то тут только дебажить
В любом случае благодарю, буду дебажить и искать причину
источник

SG

Sergey Guliy in Клуб Vue.js-разработчиков
Привет. Можете посказать как с помощью vue-apollo можно реализовать последоватьльную цепочку вызовов query?

apollo: {
    deviceTypes: {},
    devicesUnsigned: {},
    source: {},
} // не подохит потому что очередности нет.

Мне нужен аналог:
async created: {
  await getDeviceTypes()
  await getDevicesUnsigned()
  await getSource()
}

В доках не нашел
источник

K

Kirill in Клуб Vue.js-разработчиков
Всем привет, ребзя подскажите, курсы от learn.javascript.ru хорошие?
источник

K

Kirill in Клуб Vue.js-разработчиков
Проходил может кто
источник

b

bbclub in Клуб Vue.js-разработчиков
Sergey Guliy
Привет. Можете посказать как с помощью vue-apollo можно реализовать последоватьльную цепочку вызовов query?

apollo: {
    deviceTypes: {},
    devicesUnsigned: {},
    source: {},
} // не подохит потому что очередности нет.

Мне нужен аналог:
async created: {
  await getDeviceTypes()
  await getDevicesUnsigned()
  await getSource()
}

В доках не нашел
Так наверное не получится, надо через smartQuery делать запрос
источник

SG

Sergey Guliy in Клуб Vue.js-разработчиков
спс.
источник

IK

Illya Klymov in Клуб Vue.js-разработчиков
Sergey Guliy
Привет. Можете посказать как с помощью vue-apollo можно реализовать последоватьльную цепочку вызовов query?

apollo: {
    deviceTypes: {},
    devicesUnsigned: {},
    source: {},
} // не подохит потому что очередности нет.

Мне нужен аналог:
async created: {
  await getDeviceTypes()
  await getDevicesUnsigned()
  await getSource()
}

В доках не нашел
а почему именно цепочку?
источник