Size: a a a

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

2020 August 01

Z

Zhalgas in Nuxt.js — русскоговорящее сообщество
Evgeny V
Если массив, то используй namearray.length
Я как раз таки так написал, сейчас отправлю код)
источник

Z

Zhalgas in Nuxt.js — русскоговорящее сообщество
v-if="services2.length && services2.length > 0"
источник

Z

Zhalgas in Nuxt.js — русскоговорящее сообщество
props: {
   services: {
     type: Array,
     required: true,
     default: []
   }
 },

 computed: {
   services2() {
     if (!this.services.length) {
       return false
     } else {
       return this.services
     }
   }
 }
источник

Z

Zhalgas in Nuxt.js — русскоговорящее сообщество
Zhalgas
props: {
   services: {
     type: Array,
     required: true,
     default: []
   }
 },

 computed: {
   services2() {
     if (!this.services.length) {
       return false
     } else {
       return this.services
     }
   }
 }
Это я для теста создал, чтобы убедиться что я получаю false
источник

Z

Zhalgas in Nuxt.js — русскоговорящее сообщество
В итоге у меня анус сгорел, и я временно удалил компонент
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Что то я немного обескуражен. Есть массив объектов. Лежит в сторе. Меняю значение у одного объекта, снова выполняется computed который возвращает массив объектов и все компоненты ререндрятся
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
А ожидал что массив сам не будет снова вычисляться и как минимум только один объект перерендрится. А получается все 60 штук
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
Zhalgas
props: {
   services: {
     type: Array,
     required: true,
     default: []
   }
 },

 computed: {
   services2() {
     if (!this.services.length) {
       return false
     } else {
       return this.services
     }
   }
 }
Computed тут не нужен
источник

Z

Zhalgas in Nuxt.js — русскоговорящее сообщество
Evgeny V
Computed тут не нужен
Это для теста, позже удалю эту строчку кода
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
Деда
Что то я немного обескуражен. Есть массив объектов. Лежит в сторе. Меняю значение у одного объекта, снова выполняется computed который возвращает массив объектов и все компоненты ререндрятся
Computed так и работает, перерендыревает если результат меняется, для стора использовать смысла нет, геттеры в сторе тоже кеш имеют
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Evgeny V
Computed так и работает, перерендыревает если результат меняется, для стора использовать смысла нет, геттеры в сторе тоже кеш имеют
Да я умудрился ещё vuex-orm заюзать, думал так проще будет...
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Evgeny V
Computed так и работает, перерендыревает если результат меняется, для стора использовать смысла нет, геттеры в сторе тоже кеш имеют
Научите плиз, как правильно делать
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
источник

Д

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

Д

Деда in Nuxt.js — русскоговорящее сообщество
А их квадратиков может быть больше 100
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
Отрисовывать отдельным массивом, а данные меняющиеся хранить в другом, тогда не должен перерендереваться
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
Evgeny V
Отрисовывать отдельным массивом, а данные меняющиеся хранить в другом, тогда не должен перерендереваться
Как раз вот думал значения вынести. А спрашиваю вдруг какие практики правильные есть
Спасибо Жень, пойду мучать
источник

EV

Evgeny V in Nuxt.js — русскоговорящее сообщество
А ключ какой стоит на v-for? Надеюсь статический
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
id да, всегда один и тот же
источник

Д

Деда in Nuxt.js — русскоговорящее сообщество
<span :key=“item.icon”>{{ item.icon }}</span>

вот так же не будет перерисовываться есть не менялся item.icon?
источник