Баги во vue.js?

Question

[WebDev]

Привет, использую vuex для хранения данных. В мутациях добавил метод, который наполняет массив числами. Перед наполнением каждое значение привожу к числу parseInt(). Но когда получаю этот массив, все числа в нем - строки. Кто сталкивался?
Следующий баг связан с изменением данных. В том же vuex есть объект, где ключи - id продукта, а значение - сам продукт. При добавлении нового продукта в мутации делаю так
state.products[product.id] = product;
В коде приложения эти изменения не отслеживаются.

//Не работает вот так
<span v-if="$store.state.products[id]"></span>
//И вот так
computed: {
    productExists: function(id) {
        return this.$store.state.products[id];
    }
}

Вообще какая мистика с этими отслеживаниями. Оно то работает, то не работает. Проверил - работает, пошел и везде написал так, а потом вдруг не работает и снова везде менять. Очень выматывает...

Баги это или я что-то не так делаю?

Answer 1

[Антон Антон]

При добавлении нового продукта в мутации надо присваивать свойству обновленный массив или пользоваться переопределенными методами для сохранения реактивности, об этом пишут в документации
В данном случае я бы отказался от хранения по ключам и добавил бы метод получения продукта по id через обход массива (если, конечно, продуктов там не тысячи)

Comments

[WebDev]

Спасибо, я это упустил.

[WebDev]

Уточните, пожалуйста. Будет ли отслеживаться изменение в объекте одним из следующих способов

productVotes[product_id]++
//или
productVotes[product_id] = productVotes[product_id] + 1;

Нужно выводить напротив каждого продукта количество голосов, а продуктов может быть несколько тысяч, поэтому перебирать массив не вариант.

[Антон Антон]

WebDev: https://ru.vuejs.org/v2/guide/list.html#%D0%9F%D1%...

[WebDev]

Антон Антон: Большое спасибо!