Как вставить элемент в центр массива Vuex?

Question

[Tash1moto]

Всем привет.
у меня есть таблица на vue, использую vuex.
Нужно добавить в таблицу колонку ( в средину к примеру) но так что-бы таблица перерендеривала полностью индексы, т.к я индексы использую.

в мутации вызываю

state.cols.splice(toIndex,0,payload.newColumnContent)

колонка добавляется, но индексы смещаются и моя таблица ломается.
нужно при добавлении заново перерендерить таблицу. или заставить пересчитать индексы. Как это сделать?

Comments

[0xD34F]

Вот это правильно, что таблицу вы решили не показывать, как и структуру cols - сразу видно, что ответ на самом деле вам без надобности, можно спокойно пройти мимо.

[Ярослав Иванов]

Как вставить элемент в центр массива

Взять длинну и поделить пополам. Вот прям сложно.

[Clark Kent]

Может там где индекс берется для рендера сделать так ?
state.cols.indexOf(item);
Вообще на сколько я знаю можно перезадать массив заново и тогда обновится вся таблица.

[Женис]

Используйте хук

computed() {
    mapState(['cols'])
}

в template
... v-for="(col, index) in cols" ...