Здравствуйте. Если я использую для сортировки списка computed и метод productsOrdered.
Приходит объект и я его преобразую в массив
computed: {
productsOrdered() {
// преобразуем объект в массив
let result = Object.keys(this.products).map((key) => this.products[key]);
// сортировка
if (this.sortType === '') return result;
if (this.sortType === 'title') {
return result.sort((a,b) => {
if(a.title < b.title) return -1;
if(a.title > b.title) return 1;
return 0;
});
}
}
},
В представлении вывожу через цикл вот такую часть кода
<div class="cart-col-5">
<div class="spinner-block clearfix">
<div class="minus"
@click="minus(
product.id)">-</div>
<input type="text" class="cart-item-qty" v-model:number="product.qty_ordered">
<div class="plus"
@click="plus(
product.id)">+</div>
</div>
</div>
В компоненте метод
plus: function(id) {
this.products[id].qty_ordered++;
и так пробую
Vue.set(this.products[id], 'qty_ordered', 10);
}
Если смотреть через консоль, то данные меняются но визуально это никак не меняется Нету реактивности.
Что не так делаю ?