Как при нажатии кнопки/(ячейки в таблице) менять её значение?

Question

[Дмитрий Аксёнов]

Есть цель сделать таблицу, вроде как табель учёта рабочего времени.
Строка из 30 ячеек, при нажатии на одну ячейку, допустим первую, значение в ней меняется на следующее из списка, к примеру список значений: 1, Я, В, О, Б. Список не должен выпадать (так у меня получилось), просто меняется значение.
В bootstrap-vue есть button "In a button group".
Пробовал менять этот вариант, уровня не хватает.

Answer 1

[0xD34F]

Храните вместо значения его индекс. При клике увеличивайте его на единицу.

Соответственно, если надо значение показать:

{{ массивВозможныхЗначений[индексЗначения] }}

Ну или, если будете хранить сами значения - при клике ищите индекс значения в массиве, берёте следующее:

следующееЗначение = массивВозможныхЗначений[массивВозможныхЗначений.indexOf(текущееЗначение) + 1]

UPD. Как это может выглядеть: раз, два.