tengo una matriz:
[{ title: 'title 1', options: ['a', 'b'] }, { title: 'title 2', options: ['c', 'd'] }, { title: 'title 3', options: ['e', 'f'] }]
Y renderizo esta matriz usando v-for
:
<div v-for="(item, i) in content" :key="item.title"> <div> <div>{{ item.title }}</div> <div :class="{'selected-item': i === selectedIndex}"> {{ item.options[selectedOptionIndex] }} </div> </div> </div>
Cuando cambio el valor de selectedOptionIndex
, cambia para cada índice (para el título 1, título 2 y título 3). Quiero cambiar la opción solo para, por ejemplo, el title 1
. ¿Cómo puedo arreglarlo?