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

Size: a a a

Vue.js Russian Developers Community

2020 August 13

Alexander Milovanov in Vue.js Russian Developers Community

computed: {
...mapState('cart', ['totalCount'])
}

И вот эта строка странная.
Если у тебя в store просто пустой массив totalCount
то тогда так:
computed: {
...mapState([
'totalCount'
])
}

источник

09:27пожаловаться #1

Alexander Milovanov in Vue.js Russian Developers Community

'cart' - тут не нужен жеж

источник

09:27пожаловаться #2

Rafa in Vue.js Russian Developers Community

Alexander Milovanov

У меня хранится integer, по умолчанию - 0.

источник

09:28пожаловаться #3

Rafa in Vue.js Russian Developers Community

Alexander Milovanov

'cart' - тут не нужен жеж

даже если модуль scoped?

источник

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

Alexander Milovanov in Vue.js Russian Developers Community

Ну да и это не важно

источник

09:28пожаловаться #5

Alexander Milovanov in Vue.js Russian Developers Community

Я так к примеру

источник

09:28пожаловаться #6

Alexander Milovanov in Vue.js Russian Developers Community

плевать что там, строка, массив, число

источник

09:28пожаловаться #7

Alexander Milovanov in Vue.js Russian Developers Community

Но скажу точно, в компонент на прямую передавать данные из state не комильфо

источник

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

Alexander Milovanov in Vue.js Russian Developers Community

Лучше через getters

источник

09:29пожаловаться #9

Rafa in Vue.js Russian Developers Community

Спасибо. Сейчас попробую через геттеры

источник

09:29пожаловаться #10

Alexander Milovanov in Vue.js Russian Developers Community

Синтаксис там понятен?

источник

09:30пожаловаться #11

Rafa in Vue.js Russian Developers Community

Вроде да.

источник

09:31пожаловаться #12

Alexander Milovanov in Vue.js Russian Developers Community

state: {
totalCount: 0
}
getters: {
totalCount (state) {
return state.totalCount
}

источник

09:31пожаловаться #13

Alexander Milovanov in Vue.js Russian Developers Community

и потом в компонент
import { mapGetters } from 'vuex'

computed: {
...mapGetters([
'totalCount'
])
}

источник

09:32пожаловаться #14

Alexander Milovanov in Vue.js Russian Developers Community

То что имена одинаковые это ничего, ну имена переменной state И имя getterА

источник

09:33пожаловаться #15

Alexander Milovanov in Vue.js Russian Developers Community

а там дальше юзай как нужно

источник

09:33пожаловаться #16

Alexander Milovanov in Vue.js Russian Developers Community

через интерполяцию, циклами беги и все такое))

источник

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

Влад in Vue.js Russian Developers Community

Le Tseloban

V-if. Запрос на данные в created

Задам вопрос подругому - когда первый раз заходишь на страницу где полно вкладок, при первом разе да - видно по лоадеру они грузятся и данные появляются. Но потом если ты пошел дальше по вкладкам и вернулся к предыдущей она так и осталась, лоадер нет - значит толи она закешировалась, толи фиг знает

источник

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

Noneex in Vue.js Russian Developers Community

Alexander Milovanov

state: {
totalCount: 0
}
getters: {
totalCount (state) {
return state.totalCount
}

зачем такой геттер

источник

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

Rafa in Vue.js Russian Developers Community

Alexander Milovanov

и потом в компонент
import { mapGetters } from 'vuex'

computed: {
...mapGetters([
'totalCount'
])
}

Так не видит. Добавил модуль cart и данные отображаются, но не реактивно...То есть, если я на ходу добавляю товар в корзину, то счётчик не обновляется(в store обновляется)

источник

09:39пожаловаться #20